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

関連記事

  1. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  2. jQuery Brazzers Carousel Plugin
  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  4. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  5. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP