Cita:
Iniciado por mpaunero10
Estoy intentando con javascript que al activar una función me salga un desplegable con un ciclo for con distintas fotografías, pero me da error al intentar redactar un ciclo for dentro de la función. Esto es lo que estoy intentando:
function desplegable () {
document.getElementById("lug_drc").innerHTML= "<div id='opciones'><h1>Titulo de foto 1</h1>
Y me gustaría meter esto aquí dentro y que funcione:
for (i=0; i<5; i++) {
document.write("<img src='imagenes/cordoba0"+ i +".jpg'/>");
}
</div>";
}
A ver si me podeís ayudar, gracias!
A ver, esto está correcto
Código:
for (i=0; i<5; i++) {
document.write("<img src='imagenes/cordoba0"+ i +".jpg'/>");
}
Te va a general
Código:
<img src="imagenes/cordoba00.jpg">
<img src="imagenes/cordoba01.jpg">
<img src="imagenes/cordoba02.jpg">
<img src="imagenes/cordoba03.jpg">
<img src="imagenes/cordoba04.jpg">
Ahora eso mismo metido en esa función que creaste, es más o menos que un desastre.
o creas contenido al vuelo con document.write(), ó generás una cadena para hacerle un innerHTML a otro elemento, pero no las dos cosas
Para generar la cadena utiliza
Código:
var cadena = ""
for (i=0; i<5; i++) {
cadena += "<img src='imagenes/cordoba0"+ i +".jpg'/>";
}
// y ya luego fuera del for
elemento.innerHTML = cadena;
Se entiende?