Не работает zoom?

Question

[BloodySucker]

Не работает зум в попапе.
ссылка
Попап можно вызвать нажатием на первый товар в списке.
Использовал этот зум:
i-like-robots.github.io/EasyZoom

Answer 1

[Алексей Зуев]

<a href="images/img3.jpg"> <--- big-img3.jpg
    <img width="100%" height="100%" src="images/img3.jpg"> <-- thumb-img3.jpg
</a>

zoom работает, в href нужно передавать увеличенную картинку, а не ту же самую
и в css для img
max-width: 100% Вам мешает
Попробуйте добавить

.easyzoom-flyout img {
 max-width: none;
}

Comments

[BloodySucker]

Отмечу, что картинка больше по размеру, чем ее контейнер это раз.
Во вторых, хочу подметить, что на другом сайте делал так же и все работало.

[Алексей Зуев]

BloodySucker: я отметил еще причину, в стилях для img

[BloodySucker]

Алексей Зуев: но ведь он для .row исключительно

[Алексей Зуев]

img {
height: auto;
max-width: 100%;
}

[Алексей Зуев]

вот такой у Вас код в стилях

[BloodySucker]

Алексей Зуев: ни один из предложенных вами вариантов не помог

[Алексей Зуев]

max-width: none не работает?

[BloodySucker]

Алексей Зуев: none помог. Спасибо. Видимо foundation мне max-width заделал.