画像のロールオーバーが急に動かなくなりました

###前提・実現したいこと
画像のロールオーバー

###発生している問題・エラーメッセージ
以前からずっと同じ方法で画像のロールオーバーを行っていたのですが、
一年ほど前からロールオーバーがされない不具合がでています。

ブラウザによって症状がことなり、原因がわからず対処できない状態です。

Chrome：一年ほど前から/リロードを数回行うと正常に動作する場合がある
Firefox：2ヶ月ほど前から/リロードしても動かず
IE：つい先日動かなくなったが、現在正常に動いている

コーディングをした人間が社内にいないため、
どのような仕組みでロールオーバーを行っているのか現在も調査中なのですが、
(HTML内のclass="btn"で制御しているようなのですが、CSS・JSに記述箇所が見つからない状態です。)
上記の通り、リロードなどで正常に動く場合があるため、
必要な記述がないわけではないかと思います。

ブラウザ依存の問題なのでしょうか。
考えられる原因があれば、小さなことでも構いませんのでご協力頂ければ助かります。

###HTML

###JS(http://www.kyosuke.jp/yugajs/)

//ロールオーバー
	rollover: function(options) {
		var c = $.extend({
			hoverSelector: '.btn, .allbtn img',
			groupSelector: '.btngroup',
			postfix: '_on'
		}, options);
		//ロールオーバーするノードの初期化
		var rolloverImgs = $(c.hoverSelector).filter(isNotCurrent);
		rolloverImgs.each(function(){
			this.originalSrc = $(this).attr('src');
			this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2");
			this.rolloverImg = new Image;
			this.rolloverImg.src = this.rolloverSrc;
		});
		//グループ内のimg要素を指定するセレクタ生成
		var groupingImgs = $(c.groupSelector).find('img').filter(isRolloverImg);

		//通常ロールオーバー
		rolloverImgs.not(groupingImgs).hover(function(){
			$(this).attr('src',this.rolloverSrc);
		},function(){
			$(this).attr('src',this.originalSrc);
		});
		//グループ化されたロールオーバー
		$(c.groupSelector).hover(function(){
			$(this).find('img').filter(isRolloverImg).each(function(){
				$(this).attr('src',this.rolloverSrc);
			});
		},function(){
			$(this).find('img').filter(isRolloverImg).each(function(){
				$(this).attr('src',this.originalSrc);
			});
		});
		//フィルタ用function
		function isNotCurrent(i){
			return Boolean(!this.currentSrc);
		}
		function isRolloverImg(i){
			return Boolean(this.rolloverSrc);
		}

	},

orange0190

2015/06/16 06:02

この情報だけでは、答えようがないかと。載せられるコードがあれば、載せてください。

141kanae

2015/06/16 07:27

ShunsukeIzui 様閲覧いただきありがとうございます。通常の画像リンクにclass="btn"が入っているHTMLタグしかない状態だったため、参考にならないかもしれないと思い記載を省いてしまいました。他の回答者さんの助言でそれらしきJSの記述も見つかりましたので、そちらも合わせて質問内容を編集致しました。

行動規範の内容に同意します

回答3件

ベストアンサー

要素の検証等で確認してみてはいかがでしょうか？
http://www.furimuke.com/2014/03/google-chrome-htmlcss.html

jsでconsoleでエラー等が出てないか
ロールオーバーする要素のcssにhoverはないか
を確認されてはいかがでしょうか？

投稿2015/06/16 06:10

nanndemoiikara

総合スコア775

141kanae

2015/06/16 07:34

nanndemoiikara 様ご回答感謝いたします。ご教授頂いた方法で、それらしきJSの記述を発見することができました。 yuga？という無料でDLできるJSを使用していたようです。調べてURLに飛んでみたところ、そちらに記載されていたサンプルの動作が、現在起きている問題と一致しましたので、おそらくロールオーバーの記述を変更すれば直るのではないかと思います。とても助かりました。ありがとうございました。