Modificar valores de variables
Tengo una página con fotos pequeñas y una grande, cuando pincho en la pequeña mediante onclick se va a una function y me cambia la grande va perfecto.
Ahora he creado un array con el nombre de cada foto y es donde tengo el problema,
Con Onclick se va a cambiar
document.write('<a href="#"><img src="/pequenas/1137P.jpg" onclick="cambiar(h = 1137)" ></a>')
Coge foto(va perfecto), coge el valor de x
function cambiar(){
if (h == 1137){document.images['cuerpo'].src=imagen1137.src; x = 1;}
}
Este es el Array
var DatosFotos = new Array(3)
DatosFotos[0] = Titulo1;
DatosFotos[1] = Titulo2;
DatosFotos[2] = Titulo3;
Y ahora debiera de cambiar el valor de x para cambiar el titulo y no lo hace.
document.write('<td align="center"><a class="titel_foto">'+DatosFotos[x]+'</a></td>')
Ahora he creado un array con el nombre de cada foto y es donde tengo el problema,
Con Onclick se va a cambiar
document.write('<a href="#"><img src="/pequenas/1137P.jpg" onclick="cambiar(h = 1137)" ></a>')
Coge foto(va perfecto), coge el valor de x
function cambiar(){
if (h == 1137){document.images['cuerpo'].src=imagen1137.src; x = 1;}
}
Este es el Array
var DatosFotos = new Array(3)
DatosFotos[0] = Titulo1;
DatosFotos[1] = Titulo2;
DatosFotos[2] = Titulo3;
Y ahora debiera de cambiar el valor de x para cambiar el titulo y no lo hace.
document.write('<td align="center"><a class="titel_foto">'+DatosFotos[x]+'</a></td>')
1 respuesta
Respuesta de crcbad
1
Creo que o no te he entendido del todo bien o que te estás complicando demasiado.
Si te he entendido bien tienes una serie de imágenes, inicialmente pequeñas, y un texto que en principio no se ve, de tal modo que cuando haces click, dicha imagen clickeada se haga grande y además muestre el texto asociado, y cuando se salga de esa imagen, volver a ponerlo todo como estaba al principio.
Si este es el caso, la manera más sencilla, para una foto sería hacerlo así:
Mira haber si esto te sirve, y sino, coméntame con lo que sea.
Si te he entendido bien tienes una serie de imágenes, inicialmente pequeñas, y un texto que en principio no se ve, de tal modo que cuando haces click, dicha imagen clickeada se haga grande y además muestre el texto asociado, y cuando se salga de esa imagen, volver a ponerlo todo como estaba al principio.
Si este es el caso, la manera más sencilla, para una foto sería hacerlo así:
<table width="2%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="prueba.gif" width="16" height="16" onmouseover="this.width=100; this.height=100;this.parentNode.childNodes[2].style.display='block';" onmouseout="this.width=16; this.height=16;this.parentNode.childNodes[2].style.display='none';">
<span style="display:none">asas</span>
</td>
</tr>
</table>Mira haber si esto te sirve, y sino, coméntame con lo que sea.
Gracias por tu respuesta pero te explico.
Tengo una página con 9 fotos pequeñas y cuando clicleo en cada una de ellas en la grande se ve la pequeña, esto va bien.
Lo que quiero además es que cuando clicleo para cambiar la foto y se vea en grande también que cambie el titulo de la foto.
Saludos
Tengo una página con 9 fotos pequeñas y cuando clicleo en cada una de ellas en la grande se ve la pequeña, esto va bien.
Lo que quiero además es que cuando clicleo para cambiar la foto y se vea en grande también que cambie el titulo de la foto.
Saludos
Y lamento la demora...
Pues haber, sería en principio bastante sencillo. Podríamos crear una array con todas las descripciones de cada foto, un array de 9 elementos, al igual que el número de fotos que tienes en tu página. En el código Javascript puede declarar esta variable:
var arrDesc= new Array(" ","Descripcion Foto1","Descripcion Foto2","Descripcion Foto3","Descripcion Foto4","Descripcion Foto5","Descripcion Foto6","Descripcion Foto7","Descripcion Foto8","Descripcion Foto9");
Y en el código HTML, donde quieras que aparezca el texto, creáte algo como esto:
<span id="Descripciones"></span>
Ya únicamente cada vez que pinchas una foto, por ejemplo, la foto 2, dicha foto llamará a una función que es donde la pones grande. Pues en esa función además, le pasarás un parámetro con el número de la foto, en este caso la 2, y agregarás en la función esta líneea:
document.getElementById("Descripciones").innerText = arrDesc[x];
Donde "x" será el parámetro que le has pasado, y que mostrará el contenido de ese número del array.
No olvides puntuar mis respuestas :)
Pues haber, sería en principio bastante sencillo. Podríamos crear una array con todas las descripciones de cada foto, un array de 9 elementos, al igual que el número de fotos que tienes en tu página. En el código Javascript puede declarar esta variable:
var arrDesc= new Array(" ","Descripcion Foto1","Descripcion Foto2","Descripcion Foto3","Descripcion Foto4","Descripcion Foto5","Descripcion Foto6","Descripcion Foto7","Descripcion Foto8","Descripcion Foto9");
Y en el código HTML, donde quieras que aparezca el texto, creáte algo como esto:
<span id="Descripciones"></span>
Ya únicamente cada vez que pinchas una foto, por ejemplo, la foto 2, dicha foto llamará a una función que es donde la pones grande. Pues en esa función además, le pasarás un parámetro con el número de la foto, en este caso la 2, y agregarás en la función esta líneea:
document.getElementById("Descripciones").innerText = arrDesc[x];
Donde "x" será el parámetro que le has pasado, y que mostrará el contenido de ese número del array.
No olvides puntuar mis respuestas :)
