hola a todos,
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>
este archivo se llama index.php, que esta dentro de un fodler llamado photos, pero quiero mandar llamar a imagenes que esten en subfolders, espero haberme dado a entender,
saludos