jQThumb - Create thumbnails from images proportionally

jQThumb is a jquery plugin that create thumbnails from images proportionally and also an alternative for background-size in older browsers. It even works on IE6 from jQuery V1.3 and above.

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

Source: github.com

1. INCLUDE JS FILES

<script src="../bower_components/jquery/jquery.js"></script>
<script src="jqthumb.js"></script>

2. HTML

<img id="imageToTest" class="example1" src="picture.jpg" />

3. JAVASCRIPT

$(function(){
	$('.example1').jqthumb({
		classname      : 'jqthumb',
		width          : 100,
		height         : 100,
		position       : { top: '50%', left: '50%' },
		showoncomplete : false,
		before         : function(oriImage){},
		after          : function(imgObj){
			$(imgObj)
				.css('opacity', 0)
				.show()
				.animate({
					opacity: 1
				}, 2000);
		}
	});
});

4. OPTIONS

classname      : 'jqthumb',
width          : 100,
height         : 100,
position       : { top: '50%', left: '50%' },
source         : 'src',
showoncomplete : true,
before         : function(){},
after          : function(){},
done           : function(){}