Jump to content

Little Detail In Image Magnifier Script


son

Recommended Posts

I work with example 4 as given on:http://www.mind-projects.it/projects/jqzoom/demos.phpand cannot figure out why on the smaller image the opaque rectangle cannot go totally to the right or bottom of the image. My code is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Image detail testing</title><script type="text/javascript" src="assets/js/jquery-1.3.2.min.js"></script><link rel="stylesheet"  type="text/css" href="assets/jqzoom.css"> 	<script type="text/javascript" src="assets/js/jquery.jqzoom1.0.1.js"></script>	<script type="text/javascript"> 	$(document).ready(function(){		$(function() {			var options =			{				zoomWidth: 250,				zoomHeight: 250			}			$(".jqzoom").jqzoom(options);			var options4 =			{				zoomWidth: 300,				zoomHeight: 200,				position : 'right',				yOffset :-100,				xOffset :100,				title :false			}			$(".jqzoom4").jqzoom(options4);  //da sistemare errore nella eliminazione zoom window		}); 	$('.expand').click(function(){	 	var href= jQuery(this).attr('href');	 	var elclass = href.match('#([a-zA-Z]+)([0-9]+)');	 	if(elclass[1] == 'html')	 	{	 		jQuery('.html'+elclass[2]+'div').show();	 		jQuery('.js'+elclass[2]+'div').hide();	 	}else	 	{	 		jQuery('.html'+elclass[2]+'div').hide();	 		jQuery('.js'+elclass[2]+'div').show();	 	}	 	jQuery(this).addClass('alert').siblings('a').removeClass('alert');		return false; 	}); 	}); 	</script></head><body>						<a href="products/big/7-1.gif" class="jqzoom4" title="surf" name="demo4">							<img src="products/preview/7-1.gif"  title="surf">						</a>                        </body></html>

Where would I need to adjust to make this work? Has anyone used this script before? It is such a great effect otherwise...Son

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...