Jquery-Slider

JavaScript

水平の画像タイムラインを実装できる「Jquery-Slider」

Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴です。年ごとにシンプルな水平タイムラインを表示したいという人にはピッタリですね。任意の年をクリックすると、そのポイントまでスライドで移動します。

Jquery-Slider

デモ

デモでは水平に並ばられた画像によるタイムラインが用意されています。画面の下には年表があり、ここから見たい年をクリックすると、その場所までスライド移動します。年表では移動するだけではなく、現在表示されている位置も確認できるのでとても便利ですね。

画像・年表ともに横一列に並べられているのでとても見やすくなっています。時系列にタイムラインをシンプルに設置したい場合には最適なタイムラインになるのではないでしょうか?

オプションには、items、frequency、intermediate、init_sections、snap、label、sections、bar、bubble、decimal_placesといった項目が用意されています。各オプションのデフォルト値は、frequencyが0、intermediateが!0、init_sectionsが0、snapが!0、sectionsがtrue、barがfalse、bubbleがfalse、decimal_placesが2です。

Jquery-Slider

LuminJSテキストを徐々にハイライトしていく「LuminJS」前のページ

グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」次のページno-image

関連記事

  1. Validatr

    JavaScript

    HTML5のinput属性による検証ができるフォーム実装「Validatr」

    Validatrは、HTML5のinput属性を用いて検証できるさまざ…

  2. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  3. VenoBox

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  4. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  5. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  6. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP