NicoNoClaste

How to use

head :

<!-- Use Jquery version 1.8.x + -->
<script src="js/jquery-1.8.3.min.js"></script>
<!-- Call nicoNoZoom plugin file -->
<script src="js/nicoNoZoom.js"></script>

HTML :

   <img src="img/01.jpg" class="zoom" />

Javascript :

<script type="text/javascript">
   $(window).load(function(){ 
      $(".zoom").nicoNoZoom();
   });
</script>

// Which is equivalent to :

<script type="text/javascript">
   $(window).on('load', function(){
       $('.zoom').nicoNoZoom({
         loopSize:200,
         zoomLevel:2,
         cursor:'crosshair',
         radius:true,
      });
   });
</script>

Options