Image viewer problem
1) Script Title: Image Thumbnail Viewer II
2) Script URL (on DD): DON'T KNOW WHAT THIS MEANS....?
3) Describe problem: I have the script below working OK, except that I would like the enlarged area to show the first image in the sequence when the page is loaded, instead of only appearing at mouseover. Thank you for your help.
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="javascript_files/thumbnailviewer2.js"> /*********************************************** * Image Thumbnail Viewer II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ </script> </head> <body bgcolor="#CCCCCC"> <table border="0" width="760px" height="460px" cellspacing="0" cellpadding="0"> <tr> <td width="100px" valign="top"> <a href="plans/ep1plan_375w.jpg" preload="yes" rel="enlargeimage" rev="targetdiv:loadarea" title="East Site Plan"> <img border="0" src="plans/ep1plan_375w.jpg" width="105px" height="70px"></a><b> <a href="http://thernelectric.com/plans/ep2plan_375w.jpg" rel="enlargeimage" rev="targetdiv:loadarea "title="West Site Plan"> <img border="0" src="plans/ep2plan_375w.jpg" width="105px" height="70px"></a><b> <a href="plans/ep3plan_375w.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="Single Line Diagram"> <img border="0" src="plans/ep3plan_375w.jpg" width="105px" height="70px"></a><b> <a href="plans/ep4plan_375w.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="Single Line Diagram"> <img border="0" src="plans/ep4plan_375w.jpg" width="105px" height="70px"></a><b> <a href="plans/ep5plan_375w.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="Panel Schedule"> <img border="0" src="plans/ep5plan_375w.jpg" width="105px" height="70px"></a><b> <a href="plans/ep6plan_375w.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="Generator & Transfer Switch Specifications"> <img border="0" src="plans/ep6plan_375w.jpg" width="105px" height="70px"></a> </td> <td width="610px" valign="top"><!--webbot bot="HTMLMarkup" startspan --><div id="loadarea" style="width:610px; height: 450px"></div><!--webbot bot="HTMLMarkup" endspan i-checksum="11986" --></div></td> </tr> </table> </body> </html>
CSS Codes
Reply With Quote
Bookmarks