Javascriptを使ったスライドショー


HTML <img id=”mypic” src=” ここに写真の情報” width=”400″ height=”300″>

Javascript const pics_src = [“写真の情報”,”写真の情報”,”写真の情報”,”写真の情報”]
let num = -1
function slideshow_timer(){
if(num === 3){
num = 0;
}
else {
num ++;
}
document.getElementById(“mypic”).src = pics_src[num]
}
// 3秒ごとに変更する
setInterval(slideshow_timer, 3000);
参考したサイトはこちらです。



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です