0

サムネイルがメインの大きな画像を変更するフォトギャラリーがあります。それは非常にうまく機能しますが、ユーザーのマウスがサムネイルから離れたら、メイン画像を元の画像に戻したいと思います。それを行う方法はありますか？似たようなスクリプトをたくさん見て試してみましたが、うまくいきません。どんな助けでも大歓迎です！

これは私が使用しているものです...

$(document).ready(function () {
    $(".thumbs a").hover(function () {
        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        $("#largeImg").attr({
            src: largePath,
            alt: largeAlt
        });
        return false;
    });
});

画像はデータベースから取得されるため、明示的なファイル名を指定することはできません。

ありがとう

4

1 に答える 1

0

値を変更する前に、前の画像の値を保存してみてください。

$(document).ready(function(){
    var oldPath, oldAlt;

    $(".thumbs a").hover(function(){
        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        oldPath = $("#largeImg").attr("href");
        oldAlt = $("#largeImg").attr("title");

    $("#largeImg").attr({ src: largePath, alt: largeAlt });
        return false;
    }).mouseout(function() {
        $("#largeImg").attr({ src: oldPath, alt: oldAlt });
    });
});
于 2012-04-27T01:01:29.650 に答える