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);
    });
});`