Tooltip image in repeating region
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.
Code: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> </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); ?>
CSS Codes
Reply With Quote
Bookmarks