<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function changeImage() { mainimage.src = list.options[list.selectedIndex].value; } function prevImage() { if(list.selectedIndex == 0) { list.selectedIndex = list.options.length-1; } else { list.selectedIndex--; } changeImage(); } function nextImage() { if(list.selectedIndex == list.options.length-1) { list.selectedIndex = 0; } else { list.selectedIndex++; } changeImage(); } // End --> </script>

<div align="center"> <img name="mainimage" border="1"> <br> <input type="button" value="ภาพที่แล้ว" onclick="javascript:prevImage()" style="font-family: Microsoft Sans Serif; font-size: 10pt; color: #000080; border: 1px dashed #FF0000; background-color: #FFFFCC"> <select id="list" onchange="javascript:changeImage()"> <!-- วิธีการเพิ่มรูปภาพใน ALBUM ก็ COPY CODE ด้านล่างนี้ไปวางไว้ต่อจากบรรทัดของ ภาพที่ 4 เลยครับ <option value="urlpic.jpg">ภาพที่ ....</option> --> <option value="../../../images/dove.gif">ภาพที่ 1</option> <option value="../../../images/ywings.gif">ภาพที่ 2</option> <option value="../../../images/spider.gif">ภาพที่ 3</option> <option value="../../../images/xray.gif">ภาพที่ 4</option> </select> <input type="button" value="ภาพถัดไป" onclick="javascript:nextImage()" style="font-family: Microsoft Sans Serif; font-size: 10pt; color: #000080; border: 1px dashed #FF0000; background-color: #FFFFCC"> </div>