Smoothzoom - responsively Zoom

Features

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Usage

• Include CSS in the header.

<link rel="stylesheet" href="css/smoothzoom.css">

• Include and call javascript in the footer.

    <script type="text/javascript" src="js/smoothzoom.min.js"></script>
    <script type="text/javascript">
         $(window).load( function() {
         $('img').smoothZoom({
            // Options go here
                });
         });
    </script>

• Add rel="zoom" to any image you want to zoom

<img src="images/1.jpg" rel="zoom">

• To use thumbnails, set the smaller image in the img tag. Then wrap it in an anchor that points to the larger.

<a href="images/3.jpg"><img src="images/3-THUMB.jpg" rel="zoom"></a>

• Available Options:

  Option	Description	Values
  zoominSpeed	Time (in milliseconds) the zoom-in lasts	800
  zoomoutSpeed	Time (in milliseconds) the zoom-out lasts	400
  resizeDelay	Check if window resized every X milliseconds	400
  zoominEasing	jQuery easing method on zoom-in (requires easing plugin)	easeOutExpo
  zoomoutEasing	jQuery easing method on zoom-out (requires easing plugin)	easeOutExpo