こんにちは。Webデザイナーのモリゾーです。 弊社では、サイト構築の際に画像のロールオーバーやページ内リンクのスムーズスクロールなど、様々な機能が使えるyuga.jsを使用しています。 yuga.js公式サイト しかし、少し前にyuga.jsを使用した際にロールオーバーがChromeでの閲覧時のみ機能しない事象が起こりました。 今回はその解決方法についてご紹介します。 原因について 2014年10月7日にChrome38の安定版が公開され、Chrome38からレスポンシブイメージの[picture]要素と[img]要素に新しい属性が追加されました。 そのことが理由でyuga.js内に書いてある属性とバッティングしてしまったことが原因です。 また、yuga.jsのバージョンは最新の0.7.2。 jQueryのバージョンは1.7.1を使用していました。 参考サイト – Dev.Opera (O
![Chromeのバージョン38によるyuga.jsの画像ロールオーバー不具合](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe20c40366d456112688fa4ae65dd5a9cb83b03f/height=288;version=1;width=512/https%3A%2F%2Fdxo.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F11%2FPAK86_codeing20140517500.jpg)