Imágenes
Hola, yo tengo un <input name='foto1' type='image'> y a través de una function le quiero cambiar la ruta del SRC así puedo ir pasando imágenes sin necesidad de recargar la página. Cómo debo realizar la function?
Gracias!
Gracias!
2 Respuestas
Respuesta de widowmaker
1
Primero ponle un "id" al objeto, en vez de "name"; para acceder a la propiedad, haz esto, por ejemplo:
document.getElementById("foto1").src="nuevo.gif";
También puedes hacerlo por css:
Tienes que declararte un estilo .foto{BACKGROUND-IMAGE:url(imagen.gif);WIDTH:16px;HEIGHT:13px}
y después, para cambiar a esta imagen:
document.getElementById("foto1").className="foto";
Voila.
Suerte con esto. S2
document.getElementById("foto1").src="nuevo.gif";
También puedes hacerlo por css:
Tienes que declararte un estilo .foto{BACKGROUND-IMAGE:url(imagen.gif);WIDTH:16px;HEIGHT:13px}
y después, para cambiar a esta imagen:
document.getElementById("foto1").className="foto";
Voila.
Suerte con esto. S2
Perfecto! Ahora yo quiero acceder a esta function cuando se hace click en un thumbnail, pero quiero que aparezca la manito del link, osea una imagen linkeada. Probé poniendo:
<input name='foto2' type='image' id='foto2' src=thumb3_2.jpg' alt='Ver foto 2' border='0' onClick='cambia()'>
Pero de esta forma envía el formulario en donde está alojada. ¿Cómo la debo insertar?
<input name='foto2' type='image' id='foto2' src=thumb3_2.jpg' alt='Ver foto 2' border='0' onClick='cambia()'>
Pero de esta forma envía el formulario en donde está alojada. ¿Cómo la debo insertar?
Puedes intentar llamar al tag "img" en vez de "input", a ver que pasa.
Para que salga la manita, añade este atributo dentro del tag:
style="cursor:hand"
Y listo.
Suerte, y no te olvides de puntuar. S2
Para que salga la manita, añade este atributo dentro del tag:
style="cursor:hand"
Y listo.
Suerte, y no te olvides de puntuar. S2
