2010年6月29日火曜日

jQueryプラグイン:ロールショウ?

指定された要素の子供を、順番にshow&hideするだけのもの。
今日自作。拡張性ほとんどなし。

jquery.myslideshow.js:
(function($){

  $.fn.mySlideShow = function(options){
    var c = $.extend(
      {
        //opt1 : true
        duration: 3000
      },
      options
    );
    var o = this;
    var n = $(o).children().length;
    var curr = 0;
    var timerID;

    var f = function() {
      var tgt = $(o).children().get(curr);
      $(tgt).fadeIn('normal');
      $(tgt).siblings().hide();
      curr++;
      if(curr >= n) {
        curr = 0;
      }
    }

    f();
    if(timerID){
      clearInterval(timerID);
    }
    timerID = setInterval( f, c.duration );

    return o;
  };
})(jQuery);

0 件のコメント:

コメントを投稿