son Posted December 14, 2009 Share Posted December 14, 2009 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 More sharing options...
son Posted December 15, 2009 Author Share Posted December 15, 2009 Found the issue. It is related to padding I applied to image. Fixed:-)Son Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.