Я использую javascript-библиотеку "Swinxy Zoom" (основанную на jQuery), чтобы иметь хороший эффект увеличения изображения.
Пока все хорошо, я достигаю ожидаемой функции, привязывая событие масштабирования к соответствующему тегу. См. Код ниже.
$(this).swinxyzoom({mode:'dock', zoom: 14 });
По умолчанию эта библиотека запускает масштабирование при наведении. Тем не менее, я хотел бы активировать это при щелчке, но мне это удается (см. Код ниже), но я не могу найти, как развязать плагин swinxyzoom после того, как фокус находится вне изображения.
$('a.swinxyzoom').click(function(e) {
e.preventDefault();
$(this).swinxyzoom({mode:'dock', zoom: 14 });
/* here some code that unbinds the zoom on "mouse out" of image */
});
Я подозреваю, что может быть встроенная функция, уже реализованная, так как мое предлагаемое решение - это всего лишь работа. Я дважды проверил документ Swinxy Zoom, но не смог найти ничего, соответствующего моему требованию, возможно, я что-то пропустил?
Swinxyzoom меняет ваш DOM. Я предполагаю, что единственный способ развязать это - удалить весь сгенерированный html из вашего dom.