no-image

JavaScript

豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

startValは豊富なオプションやAPIを有したカスタマイズ性の高いスライダーを実装できるjQueryスライダープラグインです。ボリュームある内容ですが、プラグイン自体は軽量に仕上がっていたりマークアップもシンプルに記述できたりと、使いやすそうな印象です。

startVal

デモ

デモでは賑やかな動きをするスライダーが設置されています。スライダー下部には左右に切り替える矢印ボタン、スライダー右上にはナビゲーションが設置されています。

スライダーは一定時間が経過すると自動でスライドするようになっています。スライダー下部にその時間を示すプログレスバーが表示されるので、このバーが左から右へ伸びていき、右端まで伸びると次の画像にスライドされます。

アニメーションは画像がグルッグルッと回転するダイナミックな動きをします。最初は時計回りに回転して、その後に今度は反時計回りに回転します。

オプションやAPIにはたくさんの項目が用意されているので、カスタマイズして使いたい人には嬉しい仕様ですね。ちなみに先ほどのアニメーションもオプションから変更することができます。

アニメーションは「animation」の項目から設定可能です。デフォルトは「rotation」で、この他にもtranslation、vibration、zoomといった値が用意されています。

オプションを利用することで細部まで自分好みにカスタマイズできると思うので、気になる方はぜひチェックしてみてください。

startVal

関連記事

  1. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

  2. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  3. no-image
  4. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  5. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  6. notifier

    JavaScript

    Webサイトにシンプルな通知を表示させるjQueryプラグイン「notifier」

    notifierはWebサイトにシンプルな通知を表示させることができる…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP