Free Thumbnail Pictures Script

Thumbnail pictures javascript is used in most of webpages inorder to view the selected image.

Features

You can easily identify selected image while moving the mouse over it.
It is easy creating thumbnail pictures using java script.
Just copy the code and use it.

Preview

Move the mouse over an image on left side to view its full size.

©h

Downloads

Javascript Code

< !-- Script by hscripts.com -->
<script type="text/javascript">
var lastsel = 0;
function SelectImage(id)
{
if (lastsel > 0)
{
document.getElementById(lastsel).className = "normal";
}
document.getElementById(id).className = "sel";
var srcnam = document.getElementById(id).src;
document.getElementById(0).src = srcnam;
lastsel = id;
}
function LoadTrigger()
{
SelectImage(1);
}
window.onload = LoadTrigger; </script>
< !-- Script by hscripts.com -->

HTML Code

<div align=center>
<b>Move the mouse over an image on left side to view its full size.</b> </div>
<table border=0 align=center>
<tr><td valign=top>
<img id=1 class="normal" src="rabbit.jpg" width=100 onmousemove="SelectImage(1)">
<br><img id=2 class="normal" src="cat.jpg" width=120 onmousemove="SelectImage(2)">
<br><img id=3 class="normal" src="dog.jpg" width=100 onmousemove="SelectImage(3)">
</td>
<td width=15> </td>
<td valign=top>
<img id=0 src="" width=400 height=300>
</td>
</tr>
</table>

CSS Code

Release Date - 04-01-2008
Downloads : Version 1.0 - hthumbnail.zip
Get free version without ©copyright link for just $10/-
For customization of this script or any script development, mail to support@hscripts.com

Usage

Unzip the download.
You will get the images used in this java script.
If you want to add your own images then you have to change the src of image in the following code,

 <img id=1 class="normal" src="rabbit.jpg" width=100 onmousemove="SelectImage(1)">
 <img id=2 class="normal" src="cat.jpg" width=120 onmousemove="SelectImage(2)">
 <img id=3 class="normal" src="dog.jpg" width=100 onmousemove="SelectImage(3)">

Whenever the mouse is moved over an image, the function "SelectImage()" is invoked by passing the id of an image as argument.
Copy the code into your page and use it.