Muy buenas.
haber si me podeis echar un cable, para un index que estoy haciendo quiero poner unas fotos y que estas se vallan cambiando cada x segundos.
Estuve buscando por la red pero casi todo finalmente te lleva a galerias.
la verdad que en esto del javascript estoy vastante pez, pero bueno espero que poco a poco puede aprender algo más.
hace tiempo hice este codigo para cambiar una imagen central desde un carrusel con imagenes pequeñas.
function cambiaFoto(n){
document.getElementById("fotoGrande").innerHTML = '<img src="img/perritos' + n + '.jpg" />';
}
var fotoActual=0;
var maximo=5;
function mueveFotos(delta){
fotoActual += delta;
if(fotoActual<0) fotoActual=0;
if(fotoActual>maximo) fotoActual=maximo;
document.getElementById("fotos").style.left=(-110 * fotoActual) + "px" ;
}
y con este HTML:
<div id="izq">
<a href="javascript:mueveFotos(-1)"><img src="img/Flecha_izq.png" width="60" height="60" alt="Flecha" /></a>
</div>
<div id="marco">
<ul id="fotos">
<li><a href="javascript:cambiaFoto(0)"><img src="img/perritos0_t.jpg" width="100" height="75" alt="perritos0" /></a></li><li><a href="javascript:cambiaFoto(1)"><img src="img/perritos1_t.jpg" width="100" height="75" alt="perritos1" /></a></li><li><a href="javascript:cambiaFoto(2)"><img src="img/perritos2_t.jpg" width="100" height="75" /></a></li><li><a href="javascript:cambiaFoto(3)"><img src="img/perritos3_t.jpg" width="100" height="75" alt="perritos3" /></a></li><li><a href="javascript:cambiaFoto(4)"><img src="img/perritos4_t.jpg" width="100" height="75" alt="perritos4" /></a></li> <li><a href="javascript:cambiaFoto(5)"><img src="img/perritos5_t.jpg" width="100" height="75" alt="perritos5" /></a></li><li><a href="javascript:cambiaFoto(6)"><img src="img/perritos6_t.jpg" width="100" height="75" alt="perritos6" /></a></li> <li><a href="javascript:cambiaFoto(7)"><img src="img/perritos7_t.jpg" width="100" height="75" alt="perritos7" /></a></li><li><a href="javascript:cambiaFoto(8)"><img src="img/perritos8_t.jpg" width="100" height="75" alt="perritos8" /></a></li><li><a href="javascript:cambiaFoto(9)"><img src="img/perritos9_t.jpg" width="100" height="75" alt="perritos9" /></a></li></ul>
</div>
<div id="der">
<a href="javascript:mueveFotos(1)"><img src="img/Flecha_drcha.png" width="60" height="60" alt="Flecha" /></a>
</div>
<div id="fotoGrande"><img src="img/perritos0.jpg" width="495" height="372" alt="perritos0" /></div>
Se podria modificar de alguna forma?
Espero que podais ayudarme un saludo
