Ver Mensaje Individual
  #11 (permalink)  
Antiguo 13/04/2015, 00:39
jhonjaider1000
 
Fecha de Ingreso: abril-2015
Ubicación: Bogotá D.C - Colombia
Mensajes: 106
Antigüedad: 9 años
Puntos: 11
Respuesta: Imágenes que cambien cada segundo

Hola esta es una solución sencilla usando Jquery, puedes usar cualquier versión....


<script type="javascript">

$(document).ready(function(){
var intervalChangeImage = setInterval(changeImage,1000) ;
var posImage = 0;
var images = ["URLIMAGEN1","URLIMAGEN2","URLIMAGEN3","URLIMAGEN4 ","URLIMAGEN5"]
function changeImage(){
$('img#imageForChange').attr('src',images[posImage]);
}
});

</script>

<img id="imageForChange" />


La desventaja es que si las imagenes son muy pesadas al realizarse el primer cambio puede que la imagen se demore en aparecer por que estás haciendo una precarga...

Te recomendaría que cargues las imagenes en otras etiquetas <img src="url" style="display:none"/> ocultas para que el navegador las almacene en el caché.. :D

Última edición por jhonjaider1000; 13/04/2015 a las 00:45