Pertama :
Tambahkan script dibawah ini ke <body> halaman yang sedang anda buat.
<script language="javascript" type="text/javascript">/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- BeginbrowserName = navigator.appName;browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {if (ns3up || ie4up) {imgOn = ("" + imgName);document.mainpic.src = imgOn; }
}// End --></script><center><table width=360 border=1 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('toad.jpg');"><img src="toad.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('lizard.jpg');"><img src="lizard.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('gecko.jpg');"><img src="gecko.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('chameleon.jpg');"><img src="chameleon.jpg" width=90 height=60 border=0></a></td>
</tr>
<tr>
<td colspan=4 align=center><img name="mainpic" src="toad.jpg" width=365 height=190 border=0></td>
</tr>
</table></center>2. Script tersebut menggunakan 4buah gambar. Gunakan gambar yang anda inginkan. Kemudian rubah script berikut :<td><a href="javascript:doPic('toad.jpg');"><img src="toad.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('lizard.jpg');"><img src="lizard.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('gecko.jpg');"><img src="gecko.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('chameleon.jpg');"><img src="chameleon.jpg" width=90 height=60 border=0></a></td> Rubah masing-masing nama gambar dengan gambar yang anda inginkan.
-Selamat Mencoba-
Source
-Selamat Mencoba-
Source
: http://www.yaldex.com/FSGraphic/GalleryViewer.htm
Tidak ada komentar:
Posting Komentar