ジャバスクリプトの簡単なスライドショーのスクリプトなのですが、写真と写真の切り替わりがもっとジワーとゆっくりフェードインフェードアウトさせるには以下のプログラムにどのような追記をすればよいのでしょうか・・・


<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 4000);
});
</script>

教えてください。

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2012/07/19 14:45:23
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:zebevogue No.1

回答回数65ベストアンサー獲得回数7

ポイント500pt

fadeOut()にはフェードアウトさせる時間、
フェードアウトが終わった後のコールバック関数を指定できます。
fadeOut([speed], [callback]) - jQuery 日本語リファレンス
ですので、
$('.fadein :first-child').fadeOut('slow', function(){ $(this).next('img'). fadeIn() });
とかで良いんじゃないでしょうか。
(HTML構造が分からないので、上記は何となくです)

コメントはまだありません

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

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません