wordpress - WooCommerce 中带有翻转的多个产品视图

Question

我正在使用 WooCommerce 开发一个电子商务网站，我正在尝试添加多个产品视图，当单击或悬停时，替换主图像。股票代码在花哨的框中打开附加到帖子的缩略图，我不喜欢。我看了一遍，发现只有几个插件很接近，但离我想要的效果还很远。

理想情况下，我正在寻找的是一个插件或代码，我可以添加到我的函数中，当您翻转缩略图时，它会用新的图像替换主图像。如果那不可能，我需要它至少在单击时替换它。

非常感谢任何帮助。

Answer 1

我找到了这个http://www.magictoolbox.com/magiczoomplus/它处理了我需要的东西。我只是将缩放设置为内部，因此它不会打开缩放窗口，并且它具有替换主图像的缩略图悬停。也许这可以帮助有类似问题的人。

Answer 2

老实说，我根本不明白为什么你需要一个插件来做到这一点，常规的 javascript/jQuery 就可以了。

 $( ".smallImage" ).hover(function() {
         var smallSrc = $(this).attr("src");
         $( "#bigImage" ).attr("src", src );
     }, function() {
         // Code here for mouse out
     }
 );