Evince

JS

In order to use this plugin on your page you will need to include the following script in the page.


<script src="plugins/elevatezoom/jquery.elevatezoom-3.0.8.min.js"></script>
<script src="js/pages/form-image-zoom.js"></script>
                                        

Basic Zoom


<img id="zoom_01" src="img/img-zoom.jpg" data-zoom-image="img/img-zoom.jpg" style="width: 100%;" alt="" />
                                        

Lens Zoom


<img id="zoom_03" src="img/img-zoom.jpg" data-zoom-image="img/img-zoom.jpg" style="width: 100%;" alt="" />
                                        

Inner Zoom


<img id="zoom_02" src="img/img-zoom.jpg" data-zoom-image="img/img-zoom.jpg" style="width: 100%;" alt="" />
                                        

Mousewheel Zoom


<img id="zoom_04" src="img/img-zoom.jpg" data-zoom-image="img/img-zoom.jpg" style="width: 100%;" alt="" />