Membuat Menu Drop Down Image

Menu ini berfungsi untuk menyimpan beberapa gambar
dalam satu wadah, sehingga dapat menghemat ruangan
blog anda. Artinya, cukup hanya dengan satu tombol,
beberapa gambar anda, bisa tersimpan di dalamnya.
Saya persilahkan anda untuk mencoba contoh dari
" Menu Drop Down Image " yang ada di bawah ini :

Klik tombol untuk melihat gambar Amsterdam 1 Amsterdam 2 Amsterdam 3 Amsterdam 4

Cara memasangnya cukup mudah. Anda hanya menam-
bahkan Gadget pada halaman Rancangan blog andadan seperti biasa, pilihlah HTML/JavaScript, setelah itu
masukkan kode ke dalam kontennya, selesai deh.
Mudah bukan ?! Berikut ini adalah kodenya :

<p align="left"><!--webbot bot="HTMLMarkup" startspan --><form style="padding:0; margin:0"><select id="imageselect" style="margin-bottom:5px"><br /> <option />Klik tombol untuk melihat gambar<br /> <option />Keterangan Gambar 1<br /> <option />Keterangan Gambar 2<br /> <option />Keterangan Gambar 3<br /> <option />Keterangan Gambar 4<br /> </select><br /> </form><br /> <img id="imagebox" src="URL Gambar 1" class="magnify" data-magnifyby="3" style="width:200px" /><br /> <br /> <script type="text/javascript"> var imagebox=document.getElementById("imagebox") var imageselect=document.getElementById("imageselect") var imagelist=["URL Gambar 1", "URL Gambar 2", "URL Gambar 3", "URL Gambar 4"] imageselect.onchange=function(){ if (this.selectedIndex!=0){ imagebox.src=imagelist[this.selectedIndex-1] jQuery(imagebox).imageMagnify({ magnifyby: 2 }) } } </script><!--webbot bot="HTMLMarkup" endspan i-checksum="41128" --></p>

KETERANGAN :

*   Ganti URL Gambar 1 sampai URL Gambar 4
    dengan  URL Gambar milik anda.

*   Ganti kalimat Klik tombol untuk melihat gambar
    dengan kalimat apa saja yang anda inginkan.

*   Begitu juga dengan kalimat Keterangan Gambar 1
    sampai Keterangan Gambar 4, Gantilah dengan
    kalimat anda sendiri.

*   Anda bisa menambahkan beberapa gambar lagi
    dengan cara menambahkan kode "URL Gambar 5",
    "URL Gambar 6". "URL Gambar 7" dan seterusnya.

*  Bila gambarnya anda telah tambahkan, otomatis
   anda juga harus menambah Keterangan gambarnya.

Selamat Mencoba, good luck!