将内部缩放(magiczoom)与大型卡特尔集成

Question

我已经安装了魔术放大到我的大卡特尔网站，缩放功能工作良好，但产品实际上并没有放大？

http://www.generyanart.com/product/house-by-the-sea这就是网站-我只是想知道我需要做些什么来解决这个问题，因为我想要缩放功能来显示作品的细节！

谢谢

Answer 1

有两个问题：

1:要缩放图像，一张图像必须比另一张大。您的两个图像大小相同。仔细看看这里的href和src，你会发现它们引用了同一张图片：

`<a href="http://images.cdn.bigcartel.com/bigcartel/product_images/142875802/max_h-1000+max_w-1000/House-By-The-Sea-A32.jpg" class="MagicZoom" rel="zoom-width:450px; zoom-height:450px"><img src="http://images.cdn.bigcartel.com/bigcartel/product_images/142875802/max_h-1000+max_w-1000/House-By-The-Sea-A32.jpg" alt="Image of House By The Sea"/></a>`

要么缩小主图像(src)的宽度/高度，要么增大大图像(href)的宽度/高度。

2:你还必须修复一些CSS。样式表中的以下CSS规则将缩放图像缩小到缩放窗口的宽度。

​

​

若要以图像的原始(较大)大小显示图像，请添加以下CSS：

.MagicZoomBigImageCont img { max-width:none !important; }

3:不是必须的，但是因为这个特定的图像缩放非常大，所以放大到全屏会很好。如果你使用Magic Zoom Plus而不是Magic Zoom，这是可能的on click。