PDA

View Full Version : Hover zoom for dynamic content.....please help...



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

thesource
05-23-2008, 10:44 AM
Matt,

That's a tooltip script - it won't zoom an image.

You need an image zoom script like Magic Zoom (http://www.magictoolbox.com/magiczoom/).

There is a Joomla/Virtuemart module, so you don't have to do any coding of templates:

http://www.magictoolbox.com/magiczoom_virtuemart/

You get free support to help you get it working on your website if you need.

TS

mattfrench
05-24-2008, 08:00 PM
Thank you for the reply, but I already tried magiczoom. It unfortunately does not work on the browse pages of Vituemart for Joomla 1.5.

I really need a solution and need it quick.

This script would work as I do not necessarily need a zoom of the thumbnail but rather a load of the "product_full_image" .

Thank you again for the attempt.:)

matt