jQuery Tikslus Zoom Plugin Examples

Example 1: with default Parameters

HTML

Javascript

		
		
		$(document).ready(function(){
		$("#example1").tiksluszoom();
		});
	
		
		

Example 2: with hotspot/annotations

HTML

Javascript

		
		
		$(document).ready(function(){
		var annotations=new Array();
		annotations[0]={x:400,y:65,annotation:"Halogen mask. Range upto 500 meters"};
		annotations[1]={x:420,y:200,annotation:"High quality oil based Disk brakes" };
		$("#example2").tiksluszoom();
		});
	
		
		

Example 3: Custom Lens size

HTML

Javascript

		
		
		$(document).ready(function(){
		$("#example3").tiksluszoom({lensWidth:150,lensHeight:70});
		});
	
		
		

Example 4: Lens customization (opacity,background Color,Border Color)

HTML

Javascript

		
		
		$(document).ready(function(){
		$("#example4").tiksluszoom({lensWidth:150,lensHeight:70,lensOpacity:0.8,lensBorderColor:'#ff0000',lensBackgroundColor:'#ffaacc',lensBorder:3});
		});
	
		
		

Example 5: animation

HTML

Javascript

		
		
		$(document).ready(function(){
		$("#example5").tiksluszoom({zoomAnimation:true,zoomAnimationInterval:25});
		});