CodeRoll | Frontend

Zoomove - это плагин, разработанный с помощью jQuery, который позволяет динамически масштабировать изображения при наведении мыши, а также просматривать детали при перемещении мыши.



Настройка плагина:

1. Подключаем библиотеку



<!-- ZooMove CSS minified -->

<link rel="stylesheet" href="dist/zoomove.min.css">



<!-- jQuery CDN JS minified (must) -->

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>



<!-- ZooMove JS minified -->

<script src="dist/zoomove.min.js"></script>



2.Теперь нужно подготовить наши изображения и показать их ZooMove.



<!-- Item image -->

<figure class="zoo-item" data-zoo-image="img/example.jpg"></figure>



<!-- Starting the ZooMove -->

<script>

$('.zoo-item').ZooMove();

</script>



ZooMove совместим с: jQuery 1.7+ в Chrome 42+, Firefox 41+, Safari 9+, Opera 29+, Internet Explorer 9+



#jQuery