bxSlider


Description: シンプルなコンテンツスライダーです。li要素をスライドさせるので様々な応用がききそうですね。戻ること無くカルーセル式にスライドします。
Sample: demo
Tutorial: bxSlider
License: -

Note

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){
    $('#slider1').bxSlider();
  });
</script>

必要なファイルを読み込んでidやclassを設定します。

Related snippet :

  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: jQueryを使ってWYSIWYGを構築します。機能としてはやや乏しいですが、これはこれで面白いですね。一応、WYSIWYGの基本的な機能は揃ってい ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...
  • Description: クロスブラウザ対応で使いやすいLightbox系のプラグイン。エフェクトやアニメーションがとっても可愛いです。画像をグループ化してマウスホイールで勧 ...
  • Description: キーワードでその場でTwitter検索を可能にするプラグインです。jqueryUIとjQuery Twitter Search Pluginを併用し ...
  • Description: Facebookのように、インスタンスサーチから選択後にタグ化出来るプラグインです。大量の選択肢がある場合は、ドロップダウンや入力方式であることが殆 ...
  • Description: ページ内アンカーリンクをグラフィカルな目次にして表示します。縦長のページ内の目次として使うことができそうですね。jQueryUIを必要とします。 ...