EasyZoom - проблемы с CSS и контекстом разметки

Похоже, что у меня все правильно настроено в документации. Я не получаю ошибки JavaScript, и я вижу изменение разметки, когда я взаимодействую с DOM. Тем не менее, я замечаю, когда я наводил курсор на миниатюру, большее изображение остается на 0, 0. Когда я удаляю файл easyzoom.css, большее изображение начнет двигаться вдоль оси Y. У меня также очень трудно заставить плагин нормально работать в демо-версии - http://codepen.io/jurbank/pen/QbbyGv EasyZoom - проблемы с CSS и контекстом разметки

На основании вышеизложенных вопросов, как я могу заставить EasySlider работать, как показано в документации.

<div class="easyzoom"> 
<a href="http://i-like-robots.github.io/EasyZoom/example-images/1_zoom.jpg"> 
    <img src="http://i-like-robots.github.io/EasyZoom/example-images/1_standard.jpg" alt="" /> 
</a>

var $easyzoom = $('.easyzoom').easyZoom(); 
var api = $easyzoom.data('easyZoom');

источник

2015-04-29 user1646145

Вы почти там, но вам нужно добавить easyzoom--overlay класс к пяти с классом easyzoom.

Рабочая CodePen, http://codepen.io/anon/pen/OVVMOR

источник

2015-04-29 20:44:55 kel

теперь я вижу, что он работает в CodePen. Но в моем проекте объект .easzyzoom-flyout> img по-прежнему расположен в 0, 0; Если я удалю файл easyzoom.css, он перемещается по вертикали, но не по горизонтали. Кажется, что удаление css меня отталкивает. Возможно, это связано с элементами упаковки. Может быть, он сдержан к ширине родительского div. – user1646145

Можете ли вы разместить свой код в CodePen? – kel

Мне удалось воспроизвести проблему в CodePen: - http://codepen.io/jurbank/pen/gppLKv Я использую Zurb Foundation, и похоже, что CSS-файл Foundation конфликтует с EasyZoom. Теперь вы можете видеть, он остается в позиции: 0, 0; когда вы наводите курсор на коробку. – user1646145

EasyZoom - проблемы с CSS и контекстом разметки

ответ

Смежные вопросы