Jumat, 09 November 2012

You are here : Home » Ketagihan Javascript 2 » Cara Membuat Menu Untuk Gambar

Cara Membuat Menu Untuk Gambar

Membuat menu untuk gambar.

membuat menu untuk gambar

Ini merupakan penggabungan antara drop down menu dan juga tombol show close up. Untuk melihat demonya, silahkan Agan buka ini.

Silahkan di pilih, lalu di buka. Lumayan keren bukan ?

Nah, untuk scriptnya sendiri, silahkan Agan salin. Ini dia.

<script language="javascript" type="text/javascript">
/* Visit http://ketagihanbaca.blogspot.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
function previewPic(sel) {
document.previewpic.src = "" + sel.options[sel.selectedIndex].value;
}
function showPic(sel) {
images = new Array();
images[1] = "
alamat gambar 1";
images[2] = "
alamat gambar 2";
images[3] = "
alamat gambar 3";
images[4] = "
alamat gambar 4";
window.location.href = images[sel.selectedIndex+1];
}
//  End -->
</script>
<center>
<form name=picform>
<select name=selbox size=1 onChange="previewPic(this)">
<option value="
alamat gambar 1">Judul 1
<option value="alamat gambar 2">Judul 2
<option value="alamat gambar 3">Judul 3
<option value="alamat gambar 4">Judul 4
</select>
<br>
<img name="previewpic" src="alamat gambar 1" width=106 height=64 border=1>
<br>
<input type=button value="Show Image" onclick="showPic(this.form.selbox)">
</form>
</center>


Perhatikan :

Ganti tulisan alamat gambar 1-4 dengan alamat gambar Agan. Begitu juga judulnya. Ini bisa di letakkan di dalam postingan ataupun side bar. Selamat mencoba.

11 komentar:

  1. wuiihh ada lagi nih yang baru,hebat euy,,nanti dicoba sob,salam succes,Lanjutkannnn

    BalasHapus
  2. wah ini benar^ tutorial yg bagus dan saya baru tahu baca di sini sobat, terima kasih sudah berbagi, salam sukses sobat

    BalasHapus
  3. fantastis gan.... keren habis....

    BalasHapus
  4. asikk mampir kesini dapat ilmu lagi,

    BalasHapus
  5. hahahay dpt ilmu baru dech,,, sukses dech,,,
    mampir jg diblog ane ya,,,
    http://pelangsingtubuhherbalalami.blogspot.com/

    BalasHapus