How to set 'smallimage' & 'largeimage' Height & width in jQZoom

[tahakirmani]

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