Cara 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.