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