a ver si me podéis echar un cable. Estoy haciendo una página web y quiero hacer que se vayan pasando imagenes cada x tiempo. Lo que tengo ahora mismo es:
JAVASCRIPT:
miBanner = document.getElementById("canvas");
ctx = miBanner.getContext("2d");
var i=0;
var imagenes = ["./img/banner1.jpeg","./img/banner2.jpg","./img/banner3.png"];
img = new Image ();
function dibujar(){
img.src = imagenes[0];
ctx.drawImage(img, 0, 0, 900, 260);
if(i<2){
i++;
}
else{
i=0;}
}//dibujar()
setInterval(dibujar,300);
HTML:
<script type="text/javascript" src="js/javascript.js"></script>
Pero se queda la imagen estática. A ver si me podéis decir el fallo. Muchas gracias!