如何解决这个Jquery问题

时间:2011-04-22 06:31:48

标签: jquery css

我的页面有jQuery Click here to see 该网站的代码是

<script type=""  src="http://code.jquery.com/jquery-1.5.js" ></script>
  
<script type="text/javascript">
      var delay = 4000; // you can change it
      var count = 5; // How much items to animate
      var showing = 3; //How much items to show at a time
      var i = 0;
      function move(i) {
        return function() {
          $('#feed'+i).remove().css('display', 'none').prependTo('#feeds');
        }
      }
      function shift() {
        var toShow = (i + showing) % count;
        $('#feed'+toShow).slideDown(1000, move(i));
        $('#feed'+i).slideUp(1000, move(i));
        i = (i + 1) % count;
        setTimeout('shift()', delay);
      }
      $(document).ready(function() {
        setTimeout('shift()', delay);
      });
  </script>
    </head>
<body>
    <div id="container">
        
            <div class="slider">Wait for just 4 seconds...!
            <div class="sliding"><div id="feeds">
<div class="item" id="feed0"  style="display: none;"><img alt="image"  src="http://www.flashdaweb.com/blog/wp-content/uploads/2008/10/website_development_program.jpg" width="125" height="100"></div><div class="info">hello this is me</div></div>
<div class="item2" id="feed1" style="display: none;"><div class="thumbnail1"><img alt="image"  src="http://www.esellswebdesign.com/wp-content/uploads/2008/08/designing-a-fast-loading-website.jpg" width="125" height="100"></div><div class="info1">hello </div></div>
</div></div>



现在来解决问题。我是jQuery的新手,这就是为什么我的问题可能是愚蠢的。
1:当页面加载为什么需要这么多时间才能开始滑动 2:滑动完成后,它以相反的顺序启动,即它最后向上滑动我评论

$('#feed'+i).slideUp(1000, move(i));
此行,但幻灯片将在完成时停止。那么是否有一种方法可以在滑行方向上连续启动滑块。

1 个答案:

答案 0 :(得分:0)

您将项目数设置为5:

var count = 5;

将其设置为2,因为只有2个项目可以设置动画。

你也可以在$(document).ready:

上设置动态
count=$('#feeds div[id^="feed"]').length;