PDA

View Full Version : Tooltip image in repeating region



rja214
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)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}
//-->
</script>
<link href="SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
</head>

<body class="twoColElsLtHdr">

<div id="container">

<?php do { ?>
<tr>
<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>
</tr>
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
</table>
</span> </h1>
<h2>&nbsp;</h2>
<!-- 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");
//-->
</script>
</body>
</html>
<?php
mysql_free_result($Recordset1);
?>