WooCommerce 中带有翻转的多个产品视图答案

【问题标题】：Multiple product views in WooCommerce with rolloversWooCommerce 中带有翻转的多个产品视图
【发布时间】：2013-01-30 04:56:40
【问题描述】：

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

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

非常感谢任何帮助。

【问题讨论】：

标签： wordpress e-commerce woocommerce

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：