Intereting Posts
Простейшее вертикальное выравнивание, о котором мы можем думать прозрачная форма со стрелкой в ​​верхнем углу React: Можно ли добавлять атрибуты к результирующему HTML-тексту? Обнаружение столкновения div? Функция внутри оператора if также работает вне оператора if Позиция пути Svg Как заменить все пробелы внутри элементов HTML на & nbsp; используя preg_replace? CSS 100% Высота, а затем прокрутка DIV не страница Как перезагрузить таблицу HTML без обновления всей страницы при работе с Spring MVC Текстовый отступ после первой строки в абзаце Отправка как значения, так и ключа windows параметров в качестве параметров? Я могу нажать кнопку воспроизведения, но не воспроизводится видео Условные атрибуты HTML с использованием Razor MVC3 Scrollbar сдвигает содержимое Пользовательский контроль валидатора занимает пространство, даже если дисплей установлен на динамический

JQzoom – Zoom Picure не перемещается после смены источника изображения

Я использую JQuery для увеличения изображений на моем веб-сайте. Я также создал несколько значков, которые изменят изображение для увеличения, если я нажму на него. К сожалению, после изменения изображения увеличенное изображение больше не перемещается. Я могу видеть только верхнюю часть изображения в окне масштабирования. Но когда я перемещаю мышь, ничего не происходит. Кто-нибудь знает, что я сделал не так?

Вот мой исходный код для функции java script, вызываемой щелчком по одному из значков:

function changePicture(imgSrc) { document.getElementById("main-image-js").setAttribute("src", imgSrc); document.getElementById("main-image-zoom").setAttribute("href", imgSrc); $(".zoomWrapperImage").children('img').eq(0).attr("src", imgSrc); } 

Изображение для увеличения реализовано следующим образом:

   

Спасибо и всего наилучшего.

Перед изменением источника изображения вы должны очистить данные от jQZoom:

 function changePicture(imgSrc) { cleanJqzoom(); $("#main-image-zoom").attr('href', imgSrc); $("#main-image-js").attr('src', imgSrc); initJqzoom(); } function initJqzoom() { $('.main-image').jqzoom(); } function cleanJqzoom() { // clean the data from jQZoom $('.main-image').removeData('jqzoom'); }