Cavendish.js

JavaScript

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

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

[ads_center]

シンプルなデザイン

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

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

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

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

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

FlexNav見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「FlexNav」前のページ

画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」次のページ

関連記事

  1. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  2. roundSlider

    JavaScript

    値の範囲を円形スライダーで表示できる「roundSlider」

    roundSliderは値の範囲を円形スライダーで表示できるjQuer…

  3. Water Wave Effect jQuery
  4. no-image
  5. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  6. JavaScript

    ページ内のリンクをスムーズに移動できるsmoothScroll.jsを使ってみた

    ページ内のリンクをスムーズに移動してくれる「smoothScroll.…

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP