hashimajc回答ポイント 100ptウォッチ

以下のようなジャバスクリプトのスライドショーですが、現在は5枚がループしているのですが、5枚目で停止させたい場合は、どのよう改変したらよいのでしょうか?


<style>
.fadein { position:relative; height:200px; width:725px; }
.fadein img { position:absolute; left:0; top:0; }
</style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut(2000).next('img').fadeIn(2000).end().appendTo('.fadein');}, 5000);
});
</script>





<div class="content"><div class="fadein" style="margin-top:10px;margin-left:20px;margin-bottom:30px;">
<img src="images/topimgnoa.jpg" width="725" height="193" />
<img src="images/topimgnoa1.jpg" width="725" height="193" />
<img src="images/topimgnoa2.jpg" width="725" height="193" />
<img src="images/topimgnoa3.jpg" width="725" height="193" />
<img src="images/topimgnoa4.jpg" width="725" height="193" />
</div>

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

ベストアンサー

その他の回答

この質問へのコメント

コメントはありません

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2012-07-20 11:13:53
終了日時
2012-07-27 11:15:06
回答条件
1人5回まで

この質問のカテゴリ

この質問に含まれるキーワード

ジャバスクリプト29hide38

人気の質問

メニュー

PC版