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


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

教えてください。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/07/19 14:15:40
  • 終了:2012/07/19 14:45:23

ベストアンサー

id:zebevogue No.1

zebevogue回答回数65ベストアンサー獲得回数72012/07/19 14:20:22

ポイント500pt

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

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

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません