将内部缩放（magiczoom）与Big Cartel集成

Question

我已将Magic Zoom安装到我的Big Cartel网站，缩放功能正常，但产品实际上并没有放大？

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。