Image zoomer

Image zoomer is a jQuery plugin allows users to have zoom effect for their images. CSS based zooming solutions exist but they work by resizing target image to make it look smaller and then setting CSS properties to view portions of that image and give an illusion that image is zoomed. It is not actual zooming as user is just seeing true version of target image.

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

Source: github.com

1. INCLUDE JS FILES

<script src="javascripts/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="javascripts/image_zoomer.js" type="text/javascript"></script>

2. HTML

<center><img src="images/github-me.jpeg" alt="GitHub Me" class="zoom_it" /></center>

3. JAVASCRIPT

$(function() {
  var options = {height: 90, width: 90};
  $("img.zoom_it").each(function() {
	$(this).image_zoomer(options);
  });
});

4. OPTIONS

height: 90,
width: 90,
scale: 1.5