Selasa, 04 Desember 2012

You are here : Home » Ketagihan Javascript 2, Ketagihan Javascript 3 » Membuat Link Image Preview

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.


12 komentar:

  1. akwkakwak boleh ini tutornya makasih ya sob :D

    BalasHapus
  2. wah mantab, bagus berkreasi nih sob

    BalasHapus
  3. ini dia nih...yg lagi di cari....hehe
    trims sob :D

    BalasHapus
  4. All :

    Thanks kunjungannya. Silahkan di coba :D

    BalasHapus
  5. Waahh manteb nih mas, makasih ya udah ngajarin. Maklum saya masih baru. Heheheh

    BalasHapus
    Balasan
    1. Foto saya di kotak komentarnya klo di lewati mouse mutar-mutar, keren euy..

      Hapus
  6. Keren, gan...thanks sharingnya.
    Salam kenal...Kalau berkenan ikutan gabung yuk dengan teman-teman lain yang sudah SUBMIT URL BLOG-nya ke Direktori Weblog Indonesia :)

    BalasHapus
  7. Link image preview seperti ini bermanfaat banget buat toko online kawan. O ya lama tak jumpa. Apa kabar ?

    BalasHapus