Cavendish.js

JavaScript

CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「Cavendish.js」

CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「Cavendish.js」をご紹介します。とてもシンプルなデザインが特徴的で、単純にスライドをさせるためのベーシックなものからページャー、パララックスといったものまで実際のデモを公式サイトで確認することができます。

[ads_center]

シンプルなデザイン

Cavendish.jsのベーシックなスライド

このようにとてもシンプルなスライダーを実装できます。上記はベーシックなスライドです。

Cavendish.jsのページャー付きのスライド

スライダーにはページャーを付けたりすることもできます。この他にもパララックスやPanといったものなんかもあります。

実際のデモ&ダウンロード、詳しい詳細については以下の公式サイトで確認できます。

関連記事

  1. Timeline.js

    JavaScript

    スライド式のタイムラインを実装できるjQueryプラグイン「Timeline.js」

    Timeline.jsは、スライド式によるタイムラインを実装することが…

  2. FancySelect

    JavaScript

    セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

    セレクトメニューをシンプルでスタイリッシュに実装することができるjQu…

  3. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  4. Salvattore
  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  6. Circular Slider

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP