jQueryのロールオーバーもたくさん出ていますが、 多くで使われているのは、画像のsrcを変化させるものだと思います。 例えばyuga.jsでのロールオーバーもsrcを変化させるものだ。 僕もそのスクリプトをを今まで使っていたが、 それだとIE6などでは何度も画像をダウンロードしにいってしまう。 また、場合によっては他のブラウザでもちらつきなどが起きる場合もある。 特に問題はないのだけど、気になる人もいるという話を聞いて、 ちらつきが起きなかったり、何度も読みに行かないようにするスクリプトを 考えて作ってみることにした。 ロールオーバーサンプル ◆スクリプト $(function(){ $('.over').each(function(){ //srcセット rolloverSrc = $(this).attr('src').replace(/(\.gif|\.jpg|\.png)$/,
![jQuery:何度も画像の読み込みをしないロールオーバー](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8928853d3cfdd5dd1ab489c59313e6ee7794a89/height=288;version=1;width=512/https%3A%2F%2Fh2ham.up.seesaa.net%2Fimage%2F20071020_138961.jpg)