Membuat Link Image Preview

Seperti apa itu link image preview ??

Untuk Demonya, silahkan Agan buka halaman ini. Lalu arahkan kursor mouse ke masing-masing link yang di sediakan.

Style ini bisa Agan gunakan untuk koleksi Banner antar blogger, atau galeri foto dagangan jika Agan punya usaha online, atau sebagainya. Bagaimana Agan tertarik ? Silahkan salin scriptnya.


<script language="javascript" type="text/javascript">
/* Visit http://www.ketagihanbaca.blogspot.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
var toad = new Image();
var lizard = new Image();
var gecko = new Image();

toad.src = "ALAMAT FOTO.JPG 1";
lizard.src = "ALAMAT FOTO.JPG 2";
gecko.src = "ALAMAT FOTO.JPG 3";

function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");
}
//  End -->
</script>
<center>
<table border=1>
<tr><td>
<center>Arahkan kursor ke link</center>
<p>
<li><a href = "LINK HALAMAN FOTO 1" onmouseover = "doButtons('toad')">JUDUL FOTO 1<p>

<li><a href = "LINK HALAMAN FOTO 2" onmouseover = "doButtons('lizard')">JUDUL FOTO 2<p>

<li><a href = "LINK HALAMAN FOTO 3" onmouseover = "doButtons('gecko')">JUDUL FOTO 3<p>

<td>
<img name=picture src="../FSBackground/blank.gif" width=330 height=190 border=0></td>
</tr>
</table>
</center>

Perhatikan :

Ganti tulisan Alamat foto.jpg 1 -3 dengan alamat gambar Agan.
Ganti tulisan Link halaman foto 1 -3 dengan link yang di tuju.
Ganti tulisan Judul Foto 1 -3 dengan judul Fotonya masing-masing.

Selamat mencoba. Happy Blogging.