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.

11 komentar:

  1. UnknownSelasa, 04 Desember, 2012

    akwkakwak boleh ini tutornya makasih ya sob :D

    BalasHapus
  2. HermanbagusSelasa, 04 Desember, 2012

    wah mantab, bagus berkreasi nih sob

    BalasHapus
  3. AnonimSelasa, 04 Desember, 2012

    bagus nih sob

    BalasHapus
  4. NarsubndoSelasa, 04 Desember, 2012

    wah pintar HTML ya nih sobat

    BalasHapus
  5. Staff AdministratorRabu, 05 Desember, 2012

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

    BalasHapus
  6. ketagihan bacaRabu, 05 Desember, 2012

    All :

    Thanks kunjungannya. Silahkan di coba :D

    BalasHapus
  7. JuniyarsaJumat, 07 Desember, 2012

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

    BalasHapus
    Balasan
    1. JuniyarsaJumat, 07 Desember, 2012

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

      Hapus
  8. UnknownJumat, 07 Desember, 2012

    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
  9. TiranaAdukaSabtu, 08 Desember, 2012

    thanks infonya.

    BalasHapus
  10. HendrikSelasa, 12 November, 2013

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

    BalasHapus

Langganan: Posting Komentar (Atom)