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