elevatezoom установить ширину деления ширины

Question

Я использую elevateZoom, и отображение изображения настроено на деление. Я хочу, чтобы увеличенное изображение было шириной деления. Если ширина деления фиксирована, мы можем использовать предоставленную ими опцию zoomWindowWidth, но ширина деления изменяется в зависимости от браузера или устройства. Есть ли какая-либо конфигурация или какой-либо другой способ?

<img id="zoom_04c" src="images/small/image.png" 
data-zoom-image="images/large/image.jpg"/>
<br />
<div id="demo-container" class="col-md-4"></div>
<script>
$("#zoom_04c").elevateZoom({
    zoomWindowPosition: "demo-container",
    borderSize: 2,
    easing:false});
</script>

Answer 1

Это хитрая вещь. Есть много расчетов, чтобы получить правильное масштабирование. Кроме того, используйте параметр zoomContainerAppendTo, который был добавлен в EZP. Вы можете слушать ширину контейнера и повторно инициализировать плагин. (чтобы добавить динамическое чувство)