PDA

View Full Version : image thumbnail viewer mouse over not working



kevin666
04-02-2014, 04:15 AM
I have been using image thumbnail viewer 2 but the mouseover trigger is not working, can anyone please help me?
I have tried every way I can think of
I want the images look like the ballon,sofa and leaves demo in : http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm
here's my code
In the header I have include :


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="thumbnailviewer2.js"></script>

body :

<div id="img_property">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" valign="top">
<a href="image/image1.jpg" rel="enlargeimage::mouseover" rev="targetdiv:loadarea">
<img border="0" src="image/image1.jpg" width="91" height="61"></a><br>
<br>
<a href="image/image2.jpg" rel="enlargeimage" rev="targetdiv:loadarea,trigger : mouseover preload:yes">
<img border="0" src="image/image2.jpg" width="80" height="58"></a><br>
<br>
<a href="image/image3.jpg" rel="enlargeimage" rev="targetdiv:loadarea, preload:yes">
<img border="0" src=".image/image3.jpg" width="75" height="69"></a></td>
<td width="80"><!--webbot bot="HTMLMarkup" startspan --><div id="loadarea" style="width:510px; height: 220px"></div>
<!--webbot bot="HTMLMarkup" endspan i-checksum="11986" --></td>
</tr>
</table>
</div>

jscheuer1
04-02-2014, 04:38 PM
There could also be other problems, but the code in the body should be:


<div id="img_property">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" valign="top">
<a href="image/image1.jpg" rel="enlargeimage" rev="targetdiv:loadarea">
<img border="0" src="image/image1.jpg" width="91" height="61"></a><br>
<br>
<a href="image/image2.jpg" rel="enlargeimage" rev="targetdiv:loadarea">
<img border="0" src="image/image2.jpg" width="80" height="58"></a><br>
<br>
<a href="image/image3.jpg" rel="enlargeimage" rev="targetdiv:loadarea">
<img border="0" src=".image/image3.jpg" width="75" height="69"></a></td>
<td width="80"><div id="loadarea" style="width:510px; height: 220px"></div>
</td>
</tr>
</table>
</div>

Also make sure you have downloaded the thumbnailviewer2.js file and placed it in the same folder as your page.

Oh, and (according DD terms of usage (http://www.dynamicdrive.com/notice.htm), this makes no difference to function, but is required by said terms):


<script type="text/javascript" src="thumbnailviewer2.js"></script>

should be:


<script type="text/javascript" src="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>

Please reinstate the copyright notice first.

If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.