ImageNavigation：マウスアウト時の挙

質問

先日「ImageNavigation：画像の切り替え方法」について質問したものです。

◇ImageNavigation：画像の切り替え方法
http://okwave.jp/qa/q7203392.html

※大元のスクリプトはこちらです。
http://blog.net-king.com/

おかげさまで無事設置することができたのですが、もう一点修正したい点が出てまいりましたので質問させていただきます。
どうぞよろしくお願いいたします。

現在、自動スライドショー＋マウスクリックで画像を切り替え、さらにサムネイルもマウスオーバーで画像が変わるよう設定しています。
そのサムネイル画像なのですが、マウスオーバーで切り替わった後、マウスアウトすると切り替わる前の画像に戻すことは可能でしょうか？

今の設定ではマウスオーバーで切り替わったサムネイル画像は、マウスアウトしてもそのままです。
これをマウスアウトすると元に戻るようにできたらと思っています。

アドバイス、どうぞよろしくお願いいたします。

回答No.2

fujillin · ベストアンサー

#1です。

＞こちらは具体的に何行目を削除すればよろしいのでしょうか？
＞後学のために是非ご教示いただけたらうれしいです。

後学のためになるのかｗかりませんが、
　$(this).removeClass("active");
の1行を追加すればよろしいかと。

お礼

お返事ありがとうございます。

後学・・・になればいいなと思っております^^;
今はそこまで手が回りませんが。

いただいたアドバイス、参考にさせていただきます。
ありがとうございました！

回答No.1

fujillin

回答がないみたいなので…

前回の回答でちゃんとロールオーバーの後始末はされています。（元の状態にするようにコーディングされています）
ただし、元のスクリプトの別のところですぐにホバー状態にするようなイベントがセットされているので、ご質問のように見えるのではないかと思われます。

スクリプトの最後の方のイベントセット部分の、
　if(option.rolloverImage){　～　}
をコメントアウトすればほぼご希望通りになると思いますが、多分、別の問題が発生することでしょう。（オートプレイでホバー状態が一時的にダブる）

元々がnaviとimage部分が連動するコンセプトで作成されているものなので、それを違う形に（連動しないように）修正するということに無理がありそうな…
いろいろいじれば、いじるほどに複雑化する傾向があります。
おまけにフェードとオートプレイなどの時間差の要素が絡まっているので、少々ややこしく、後々、手を入れようとしてもわからないものになってしまいかねません。
いっそのこと、質問者様の仕様を整理してそれに基づいて、作成しなおした方がすっきりとした完結なものになることでしょう。

＞アドバイス、どうぞよろしくお願いいたします。
とのことなので、
前回修正したmouseoutの処理内で、当該navi側のリンク要素のactiveクラスを削除してあげれば、（↑）のイベントでも書き直されることがなくなるので、ご希望の動作になるのではないかと思われます。
（簡単な動作検証しかしていませんが）

補足

やはり無理なのかとあきらめておりましたが、アドバイスありがとうございます。

初心者ゆえに勝手がわからないままあれもこれもと欲張りすぎておりました^^;
確かに元の仕様を考えれば今回の処理は相反するものになりますね。
今回の処理に関してはあきらめようと思います。

なお、
＞前回修正したmouseoutの処理内で、当該navi側のリンク要素のactiveクラスを削除
こちらは具体的に何行目を削除すればよろしいのでしょうか？
後学のために是非ご教示いただけたらうれしいです。
どうぞよろしくお願いいたします。