JavaScriptはかなり新しく、jQueryは非常に新しいものです。誰かが次のコードを見て、私がどこで間違っているのかを知ることができますか?
これはjQueryコードの主要部分です。
$(document).on("hover", ".crrightcontainer img", function() { /* trigger event on hover on an img in class crrightcontainer */
var src = $(this).attr('src'); // get full path and filename from thumbnail
var index = src.lastIndexOf('/') + 1; // get index to last occurrenace of file path delimiter "/"
var fullsizeimgname = src.substr(index); // get actual filename only i.e. "cs1.jpg"
fullsizeimgname = "/painted/fp-images/" + fullsizeimgname; // add path to give full path to the full sized image.
$('.crleftcontainer img').animate({opacity: 0.0},1000); // fade out old full size image
$('.crleftcontainer img').attr("src",fullsizeimgname).animate({opacity: 1.0},1000); // set full size image in browser and fade in
});
http://jsfiddle.net/deanflyer/CfxyJ/1
それは機能し、複数のマウスイベントを発生させるようです。サムネイル画像の上でマウスを数回動かすだけで、私が何を意味するのかがわかり、複数のフェードが表示されます。
メイン画像でanimate()を使用して.stop()を使用してみましたが、これですべてが停止します。
どうもありがとう。