※ ChatGPTを利用し、要約された質問です(原文:指定時間経過後に画像を一定時間で切替)
Javascriptを使用して指定時間経過後に画像を一定時間で切替する方法
Javascriptで指定時間経過後に画像を一定時間で切替したいと思っています。
一定時間の画像切替は以下のように実現しています。このJavascriptにさらに”指定時間経過後”という条件を付けたいのですがどうしたらよいでしょうか?
■Javascript
<script>
$(document).ready(function(){
$('.slideImg img:gt(0)').hide();
setInterval(function() {
$('.slideImg :first-child').fadeOut(3000).next('img').fadeIn(3000).end().appendTo('.slideImg ');
},5000);
});
</script>
■HTML
<div class="slideImg ">
<img src="img1.jpg" alt="" />
<img src="img2.jpg" alt="" />
<img src="img3.jpg" alt="" />
</div>
■CSS
.slideImg{
position:relative;
width: 100px;
height: 100px;
}
.slideImg img{
position:absolute;
left:0;
top:0;
}
お礼
ありがとうございました。出来ました!