Recent news

Thursday, 5 May 2016

Zoom and Panning effect On Button Click & Slider jQuery Plugin Using Css3






jQuery panzoom is a jquery plugin for panning and zooming elements using CSS3. With the help of this plugin we can zoom and zoom out effect by zoom in and zoom out button using jquery and css3.


How To Use
1. Add the below library reference

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="/js/plugins/jquery.panzoom.js"></script>


2. Now add the below html tag.

<div class="panzoom">
    <img src="image-URL" width="900" height="900">
</div>


3. Add the below code to show panzoom effect
  
 define(["jquery", "plugins/jquery.panzoom"], function ($) {
        $(document).ready(function () {
            $(".panzoom-elements").panzoom();
        });
    });



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles