0

jquery animate でスライダーを作成したいのですが、次の要素を回転させてアニメーション化する方法がわかりません ここに私の HTML があります

 <div id="slider">
      <a href="http://somthing/" target="_blank">
        <img src="http://something/logosponso.jpg" title="Another" />
      </a>
      <a href="http://somthing2/" target="_blank">
        <img src="http://something/logosponso2.jpg" title="Another" />
      </a>
     …
     …

CSSに最初のタグが隠されています

  #slider a{
    display: none;
  }

私がしたいのは、4秒の遅延の後、次のタグのアニメーションでフェードインまたはスライドインし、現在を非表示にすることです。最後のaタグに到達するまでこれを行い、最初のaタグに戻りたい

これまでのところ、正しい方向に進んでいるかどうかわかりません...何かアイデアはありますか?

$("#slider a").fadeIn(500).delay(3000)
4

1 に答える 1

3 
$("#slider a:first").show();

$('#slider a').click(function(e) {
   e.preventDefault();
   $(this).hide();
   if ($(this).is('#slider a:last')) {
      $('#slider a:first').fadeIn(500);
   } else {
      $(this).next().fadeIn(500);
   }
});

私は実際にあなたが必要とするものを理解していません。ただし、ページに表示したい場合は$(document).ready(...、次のコードを試して、必要に応じて変更できます。

$(document).ready(function() {
   $('#slider a').each(function() {
      if ($(this).is('#slider a:first')) {
         $(this).fadeIn(500);
      } else {
         if ($(this).prev().not(':hidden')) {
            $(this).fadeIn(500);
         }
      }
   });
});
于 2012-10-17T14:02:14.223 に答える