M
Maxi
All areas surrounded to the center area has files
Thumbnail1.jpg......Thumbnail8.jpg. What I want to do is whenever user
moves his/her mouse in Thumbnail 1 area, the center area should show
Pic1.jpg, if they move their mouse to Thumbnail 2 area, the center area
should show Pic2.jpg and so on. If there is a click in any area, then
the picture should open in a new window. Eg, user clicks on Thumbnail5
area, the new window should open Pic5.jpg
I don't want my office users to view the source code either through
right-click->view source or by click menubar View->Source. Is there any
functionality like this in javascript?
Can anybody help writing a code for me?
See my html code below
<html>
<head>
<title>Maxi</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111"
width="100%" height="100%">
<tr>
<td width="20%" height="20%" align="center">Thumbnail 1</td>
<td width="60%" height="20%" align="center">Thumbnail 2</td>
<td width="20%" height="20%" align="center">Thumbnail 3</td>
</tr>
<tr>
<td width="20%" height="60%" align="center">Thumbnail 4</td>
<td width="60%" height="60%" align="center"><b><font size="7">Big
Pic</font></b></td>
<td width="20%" height="60%" align="center">Thumbnail 5</td>
</tr>
<tr>
<td width="20%" height="20%" align="center">Thumbnail 6</td>
<td width="60%" height="20%" align="center">Thumbnail 7</td>
<td width="20%" height="20%" align="center">Thumbnail 8</td>
</tr>
</table>
</body>
</html>
Thumbnail1.jpg......Thumbnail8.jpg. What I want to do is whenever user
moves his/her mouse in Thumbnail 1 area, the center area should show
Pic1.jpg, if they move their mouse to Thumbnail 2 area, the center area
should show Pic2.jpg and so on. If there is a click in any area, then
the picture should open in a new window. Eg, user clicks on Thumbnail5
area, the new window should open Pic5.jpg
I don't want my office users to view the source code either through
right-click->view source or by click menubar View->Source. Is there any
functionality like this in javascript?
Can anybody help writing a code for me?
See my html code below
<html>
<head>
<title>Maxi</title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111"
width="100%" height="100%">
<tr>
<td width="20%" height="20%" align="center">Thumbnail 1</td>
<td width="60%" height="20%" align="center">Thumbnail 2</td>
<td width="20%" height="20%" align="center">Thumbnail 3</td>
</tr>
<tr>
<td width="20%" height="60%" align="center">Thumbnail 4</td>
<td width="60%" height="60%" align="center"><b><font size="7">Big
Pic</font></b></td>
<td width="20%" height="60%" align="center">Thumbnail 5</td>
</tr>
<tr>
<td width="20%" height="20%" align="center">Thumbnail 6</td>
<td width="60%" height="20%" align="center">Thumbnail 7</td>
<td width="20%" height="20%" align="center">Thumbnail 8</td>
</tr>
</table>
</body>
</html>