<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script>
// Array con todas las imágenes que deseamos que se vayan cambiando a
// cada clic
var imagenes=Array("img_1.jpg","img_2.jpg","img_3.jpg");
var imagenVisible=0;
// Función que cambia la imagen actual por la siguiente
function cambiar(img)
{
imagenVisible++;
if(imagenVisible>=imagenes.length)
{
imagenVisible=0;
}
img.src=imagenes[imagenVisible];
cargarSiguienteImagen();
}
/**
* Esta función carga la siguiente imagen para no tener que esperar su carga
* en el momento de mostrarla.
*/
function cargarSiguienteImagen()
{
if((imagenVisible+1)<imagenes.length)
{
console.log(imagenVisible+1);
var imgTmp=new Image();
imgTmp.src=imagenes[imagenVisible+1];
}
}
window.onload=function() {
cargarSiguienteImagen();
}
</script>
<style>
img {cursor:pointer;}
</style>
</head>
<body>
<img src="img_1.jpg" onclick="cambiar(this);">
</body>
</html>
Comentarios sobre la versión: Versión 1.0 (6)
AYUDA URGE
{
}
te sirve?
Han solucionado en el curro pero mil gracias!!
Necesito hacer una función parecida pero no exactamente igual, y creo que podrías ayudarme. Lo que debo hacer es como si fuera una red social, que al clicar en una imagen, le de un like, por lo que el símbolo de like (un corazón) pase de negro a rojo.
No se muy bien como avanzar. No sé si hay alguna posibilidad de cambiar el color sobre el mismo icono, o directamente es válido cambiar de imagen, considerando la imagen inicial un corazon gris y la imagen a cambiar otra de un carazon rojo.
No se si me he explicado bien, en cualquier caso sería de gran ayuda una respuesta. Muchas gracias!
Un saludo!