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

Question

我已经在我的 Big Cartel 网站上安装了 Magic Zoom，缩放功能可以正常工作，但是产品实际上并没有放大？

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

谢谢

Answer 1

有2个问题：

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，则可以点击。