mister-foto.eu - Foto Skripte - Photo Album Viewer

Foto Skripte - Photo Album Viewer
Clean and simple photo album viewer with a next and back button for browsing through the images, the script is completely self contained in a single html file and is easy to edit.


Quelltext:
<script type="text/javascript"> function changeImage() { var list = document.getElementById('optionlist'); document.mainimage.src = list.options[list.selectedIndex].value; } function prevImage() { var list = document.getElementById('optionlist'); if(list.selectedIndex == 0) { list.selectedIndex = list.options.length-1; } else { list.selectedIndex--; } changeImage(); } function nextImage() { var list = document.getElementById('optionlist'); if(list.selectedIndex == list.options.length-1) { list.selectedIndex = 0; } else { list.selectedIndex++; } changeImage(); } </script> <body onLoad="javascript:changeImage()"> <table align="center" border="0"> <tr> <td colspan="3" align="center"><img name="mainimage" border="1" alt="" /></td> </tr> <tr> <td align="left"><input type="button" value="<- Back" onClick="javascript:prevImage()" class="formbutton" /></td> <td align="center"> <select id="optionlist" onChange="javascript:changeImage()"> <option value="image1.jpg">1. Bild</option> <option value="image2.jpg">2. Bild</option> <option value="image3.jpg">3. Bild</option> <option value="image4.jpg">4. Bild</option> <option value="image5.jpg">5. Bild</option> </select> </td> <td align="right"><input type="button" value="Next->" onClick="javascript:nextImage()" class="formbutton" /></td> </tr> </table>

Autor: Stephen Griffin
Website: i-code.co.uk
Zur Übersicht