jquery - Magento画像のロールオーバー効果

Question

Magentoの製品ページにロールオーバー画像効果を作成したいのですが、チュートリアルや拡張機能を紹介してもらえますか、それともコードを手伝ってくれるのでしょうか。

Answer 1

Jquery または Javascript を使用して、単純なマウスオーバー機能を実行できます。メインテンプレートに挿入するだけです。詳細については、詳細情報またはライブ サイトへのリンクを投稿してください。

img は、ロールオーバーに必要な画像のクラスまたは ID を表します。

$(function() {

$("img")
    .mouseover(function() { 
        $(this).attr("src", newImageUrl);
    })
    .mouseout(function() {
        var = $(this).attr("src").replace("over.gif", ".gif");
        $(this).attr("src", src);
    });
});`