tahakirmani Posted August 30, 2013 Share Posted August 30, 2013 Hello I am using jQzoom in my HTML page to view images in Slider. I am having problem in showing 'smallimages' and 'largeimages'. Its working fine for 'Thumb image' because it has <img src> tag with it, but small image and large image doesn't have <img src> tag and I am unable to understand how to resize image in both 'smallimage:' &'largeimage:'. Following is the code i am working on. <link rel="stylesheet" href="css/jquery.jqzoom.css" type="text/css"> <script type="text/javascript"> $(document).ready(function() { $('.jqzoom').jqzoom({ zoomType: 'innerzoom', preloadImages: false, alwaysOn:false }); }); </script> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="right" valign="top" ><div class="clearfix" style=";"> <a href="images/imgProd2/bracelets_Diamond.png" class="jqzoom" rel='gal1' title="triumph" > <img src='<?php echo $single_image_query_fetch['images']; ?>' height='261' width='325' title='triumph' style='border: 4px solid #666;'> </a> </div> <br/> <!-------------------------------- Images Part is strating from here -------------------------> <div class="clearfix" style="; margin-top:-10px;" > <ul id="thumblist" class="clearfix" > $image_query = "select * from product_images where product_id=$id"; $image_query_run = mysql_query($image_query); while( $image_query_fetch = mysql_fetch_array($image_query_run)) { //Thumb $thumb_image = "<img src=http://localhost/cms/". $image_query_fetch['images'] ." height='80' width='100' alt=\"\" />"; //large $big_image = "<img src=http://localhost/cms/". $image_query_fetch['images'] ." height='1024' width='1280' alt=\""/>"; $image_fetch[1]= $big_image; //small $small_image = "<img src=http://localhost/cms/". $image_query_fetch['images'] ." height='261' width='325' alt=\"\" />"; <li> <a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: 'images/imgProd2/Bracelet_Silver.png', largeimage: 'images/imgProd2/bracelets_Diamond.png'}"> <img src='<?php echo $image_fetch[0]; ?>' height='80' width='100' > </a> </li> } Thanks Link to comment https://forums.phpfreaks.com/topic/281695-how-to-set-smallimage-largeimage-height-width-in-jqzoom/ Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.