tengo un codigo el cual lee todas las imagenes que se encuantran en el folder, lo que quiero hacer es poder hacerlo dinamico y mandar llamar a diferentes folders dependiendo el que solicite el usuario, este es el codigo:
Código HTML:
<script> 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> <td align="left"><input name="optionlist" type="button" id="optionlist" onClick="javascript:prevImage()" value="<- Back"></td> <td align="center"> <select id="optionlist" onChange="javascript:changeImage()"> <option value="photo/image1.jpg">First Image</option> <option value="photo/image2.jpg">Second Image</option> <option value="photo/image3.jpg">Third Image</option> <option value="photo/image4.jpg">Fourth Image</option> <option value="photo/image5.jpg">Fifth Image</option> </select> <td align="right"><input type="button" value="Next->" onClick="javascript:nextImage()"></td>
saludos