PDA

View Full Version : Image viewer problem



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 &amp; 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>

jscheuer1
02-01-2013, 01:48 AM
Just use ordinary HTML here:



<div id="loadarea" style="width:610px; height: 450px"></div>

For example:


<div id="loadarea" style="width:610px; height: 450px"><div><img src="plans/ep1plan_375w.jpg" alt=""><br>East Site Plan</div></div>