Imágenes cambiantes con php
Hola necesito ayuda tengo 4 imágenes que mostrar pero quiero que vayan cambiando cada 3 segundos, tengo este pedacito de código y me funciona a la perfección pero solo me muestra 3 imágenes no se que estoy haciendo mal, por favor alguien ayudenme....!!!!!
Este es el código que estoy ocupando...
<script>
//Imágenes cambian del lado izquierdo
var cont=0
function cambia() {
cont = cont % 2;
if (cont==1){
document.getElementById("fotocambia").src="imágenes/mkt.png";
}
if (cont==1){
document.getElementById("fotocambia").src="imágenes/almacen.png";
}
if (cont==1){
document.getElementById("fotocambia").src="imágenes/calidad.png";
}
else{
document.getElementById("fotocambia").src="imágenes/terminado.png";
}
cont++;
}
function inicio() {
setInterval(cambia, 3000);
}
window.onload=inicio;
</script>
--------body----------------------
<img id="fotocambia" src="imágenes/mkt.png">
1 respuesta
el else que utilizas esta de mas. Ya que el cont siempre iniciaría en 0 por la sentencia de cont=cont%2 (lo cual es igual a 0).
Mira tu código ya corregido y corriendo quedaría así espero haberte ayudado. Saludos
<script>
//Imágenes cambian del lado izquierdo
var cont=1
function cambia() {
if (cont==1){
document.getElementById("fotocambia").src="Hyo5.jpg";
}
if (cont==2){
document.getElementById("fotocambia").src="Hyo7.jpg";
}
if (cont==3){
document.getElementById("fotocambia").src="Hyo2.jpg";
}
if (cont==4){
document.getElementById("fotocambia").src="Hyo8.jpg";
cont=0; //esto hace posible que inicie desde un principio "loop"
}
cont++;
}
function inicio() {
setInterval(cambia, 3000);
}
window.onload=inicio;
</script>
