Granny
01-31-2013, 09:44 PM
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.
<!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>
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.
<!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>