View Full Version : Tooltip image in repeating region

12-18-2009, 04:10 PM
Hi - Trying to apply a tooltip to a repeating region but the tooltip image will not display. Each thumbnail in the repeating region supposed to be a trigger. When the thumb is moused over, the tooltip supposed to display a larger image, but these larger images do not load. The tooltip box appears but there is no image in it. Thanks for your help..I'm relatively new to this.

function MM_changeProp(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
else eval("obj.style."+theProp+"='"+theValue+"'");
<link href="SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />

<body class="twoColElsLtHdr">

<div id="container">

<?php do { ?>
<td width="147"><?php echo $row_Recordset1['displayname']; ?></td>
<td width="48"><img src="images/crystal_swatches/thumbs/<?php echo $row_Recordset1['imagename']; ?>" name="sprytrigger1" width="40" height="40" id="sprytrigger1" /></td>
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
</span> </h1>
<!-- end #mainContent --></div>
<br class="clearfloat" />
<div id="footer">
<p> Giavan, Inc. 2009 </p>
<!-- end #footer --></div>
<!-- end #container --></div>
<div class="tooltipContent" id="sprytooltip1"><img src="images/crystal_swatches/full_size/<?php echo $row_Recordset1['imagename']; ?>" width="200" height="200" class="tooltipContent" /></div>
<img src="images/beaded/strung_index_right.jpg" name="bg_image_upperright_hpproduct" width="600" height="830" id="bg_image_upperright_hpproduct" />
<script type="text/javascript">
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1");