
お世話になります。
こちらのサイトを参考にスライドショーを作っているのですが、
ループしないで、最後の画像まできたら、ストップする記述を教えて下さい。
どうぞ宜しくお願い致しますm(==)m
http://www.greenwich.co.jp/blog-archives/p/1903
最後の部分
case 7: //flgが7の場合
//7枚目から8枚目に切り替え
$("#img7").fadeOut(1500);
$("#img8").fadeIn(700);
break;
}
flg++;
if(flg>7){
flg=7; //flgが8を越えたら0に戻る
}
No.2ベストアンサー
- 回答日時:
あまり優れたサンプルとは言えないですね。
時間があったので少し書き換えてみましたがどうでしょう。
簡単に書きましたが、サンプルと比較して以下の利点があります。
・htmlの各img要素にidを付与する必要がない。
・画像の枚数によってJavaScriptを編集する必要がない。
・サンプルより少しだけ高速に動作
・JavaScriptの記述がシンプル
・リピート再生するかどうかを変数で設定可能
<script type="text/javascript">
$(function(){
//画像リスト
var $img = $("img","#stage");
//カウンター初期値
var no = 0;
//カウンター最大値
var maxNo = $img.length - 1;
//画像切替間隔(ミリ秒で指定)
var interval = 3500;
//フェードイン・アウトの処理時間(ミリ秒で指定)
var fadetime = 2000;
//リピート再生するかどうか(true or false)
var repeatFlg = false;
//実行部
var timer = setInterval(function(){
if(no != maxNo){
$img.eq(no).fadeOut(fadetime);
$img.eq(no+1).fadeIn(fadetime);
no++;
}else{
if(repeatFlg){
$img.eq(no).fadeOut(fadetime);
$img.eq(0).fadeIn(fadetime);
no = 0;
}else{
clearInterval(timer);
}
}
},interval);
});
</script>
tracerさま☆
お返事遅くなってすみません;
丁寧に改訂版まで作って頂きありがとうございましたm(==)m
ちょっと初心者過ぎまして、いろいろ解読しながら当てはめていくのに時間がかかるので、
またお伺いするかもですが、
どうもありがとうございました☆
No.1
- 回答日時:
8枚目を表示したらタイマーを止めればいいのでは。
https://sites.google.com/site/jqueryjavascript/s …
また、止めたいわけですから、
if(flg>7){
flg=7; //flgが8を越えたら0に戻る
}
は不要ですよね。
早速ありがとうございました。
すみませ~ん;
初心者なもので、せいぜい、写真の枚数やタイムを変えることくらいしか、応用?がききません(><)
ifからあとはとるとして、
提示頂いた部分はどう組み合わせたらいいのでしょうか(;;)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
imageクラスからiconクラスに変...
-
写真を順番にホームページ上に...
-
html内にスライドショーを複数設置
-
あるwebサイト上の画像表示につ...
-
VBScript+IEのチェックボック...
-
javascriptテキストBOX色を元に...
-
ダブルクォーテーションが消え...
-
MAX関数を使ってからLEFT JOIN...
-
【java】背景画像を一定時間で...
-
スマートフォンサイトに部分的...
-
透過pngの透明部分以外をクリッ...
-
複数の要素を表示してる時だけ...
-
jqueryを使って無駄なspanタグ...
-
jQueryで同じクラス名のものを...
-
jQueryでシンプルドラッグドロ...
-
window.openで値の渡し方を教え...
-
同一ページ内で、任意の文字列...
-
C言語のポインタ表現
-
SleniumBasicでコンパイルエラ...
-
スワップイメージが上手く動作...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
外部javascriptの重複を防ぐには
-
libjpegライブラリの使い方につ...
-
複数画像のランダム複数表示(...
-
pythonのpygameでキャラクター...
-
MFCで画像を表示させているので...
-
JavaScriptで変更した属性の元...
-
HTMLからimgのsrcのみを正規表...
-
OpenCVの実行エラー
-
画像が表示でnull; this.src
-
複数の画像をフェードイン・ア...
-
createElementによる空要素の生...
-
ダイアログから画像ファイルは...
-
OpenCV での画素値の比較について
-
VC++2005で画面上にGIF画像(透...
-
条件分岐でキーが入力されてい...
-
画像ギャラリー
-
指定したフォルダの画像を一括...
-
error LNK2019 未解決のシンボ...
-
"lightbox"の"CLOSE"ボタンクリ...
-
リンク先を動的に変更する
おすすめ情報