s3Slider


Description: フェードイン・アウトで切り替わるイメージギャラリーです。切り替わった際にキャプションがスライドインします。
Sample: demo
Tutorial: s3Slider jQuery plugin
License: Creative Commons Attribution 2.5(クリエイティブ・コモンズ)

Note

<script type="text/javascript">
    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 3000
        });
        $('#slider1').s3Slider({
            timeOut: 4000
        });
        $('#slider2').s3Slider({
            timeOut: 5000
        });
    });
</script> 

s3Sliderを読み込ませて、オプションを決定します。

Related snippet :

  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: シンプルなコンテンツスライダーです。li要素をスライドさせるので様々な応用がききそうですね。戻ること無くカルーセル式にスライドします。 S ...
  • Description: シンプルで多彩なスライダー。画像周りに無駄な装飾がないので既存のデザインにしっくり納められる汎用性がありますね。クロスブラウザで動作してくれます。m ...
  • Description: jQueryを使ってWYSIWYGを構築します。機能としてはやや乏しいですが、これはこれで面白いですね。一応、WYSIWYGの基本的な機能は揃ってい ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...
  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...