mattfrench
05-22-2008, 03:22 PM
1) Script Title: Image w/ description tooltip
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagetooltip_dev.htm
3) Describe problem: I am not even sure that this is the right script for what I would like to do. (pretty new to this) I simpley want a larger image (zoom) on mouse over of images I have on the page. The images are created dynamicly through joomla/virtuemart.
The original php:
<div class="browseProductContainer" align=center>
<a style="font-size:12px; font-weight:bold;"><?php echo $product_name ?></a>
<div style="width:90%" align=center>
<a href="<?php echo $product_flypage ?>" title="<?php echo $product_name ?>">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>
</a>
</div>
<p align=center><?php echo $product_price ?></p>
<div style="float:left;width:90%;margin-top: 3px;">
<?php echo $product_rating ?>
</div>
<div style="float:left;width:90%;margin-top: 3px;"><?php echo $form_addtocart ?>
</div>
<br style="clear:both;" />
<br>
<br>
<br>
</div>
I added the script to the top and added onmouseover="doTooltip(event,0)" onmouseout="hideTip()" to the <a href="<?php echo $product_flypage ?>" title="<?php echo $product_name ?>"> and in the script I added
messages[0] = new Array('echo $product_full_image','<?php echo ps_product::image_tag( $product_full_image, 'class="browseProductImage" border="0" "' ) ?>',"#FFFFFF");
This made the effect work perfectly except it only pulls the "full image of the last image on that page for every image on the page. See here http://www.icarpetking.com/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=40
Any help would be greatly appreciated. Is this the right script? Is there anyway to get this to work?
Thank you,
matt
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagetooltip_dev.htm
3) Describe problem: I am not even sure that this is the right script for what I would like to do. (pretty new to this) I simpley want a larger image (zoom) on mouse over of images I have on the page. The images are created dynamicly through joomla/virtuemart.
The original php:
<div class="browseProductContainer" align=center>
<a style="font-size:12px; font-weight:bold;"><?php echo $product_name ?></a>
<div style="width:90%" align=center>
<a href="<?php echo $product_flypage ?>" title="<?php echo $product_name ?>">
<?php echo ps_product::image_tag( $product_thumb_image, 'class="browseProductImage" border="0" title="'.$product_name.'" alt="'.$product_name .'"' ) ?>
</a>
</div>
<p align=center><?php echo $product_price ?></p>
<div style="float:left;width:90%;margin-top: 3px;">
<?php echo $product_rating ?>
</div>
<div style="float:left;width:90%;margin-top: 3px;"><?php echo $form_addtocart ?>
</div>
<br style="clear:both;" />
<br>
<br>
<br>
</div>
I added the script to the top and added onmouseover="doTooltip(event,0)" onmouseout="hideTip()" to the <a href="<?php echo $product_flypage ?>" title="<?php echo $product_name ?>"> and in the script I added
messages[0] = new Array('echo $product_full_image','<?php echo ps_product::image_tag( $product_full_image, 'class="browseProductImage" border="0" "' ) ?>',"#FFFFFF");
This made the effect work perfectly except it only pulls the "full image of the last image on that page for every image on the page. See here http://www.icarpetking.com/index.php?option=com_virtuemart&page=shop.browse&category_id=1&Itemid=40
Any help would be greatly appreciated. Is this the right script? Is there anyway to get this to work?
Thank you,
matt