Есть 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.
person
Dan Roberts
schedule
27.08.2014