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. jQuery Timespace

    JavaScript

    四方にドラッグ移動できる水平タイムライン実装「jQuery Timespace」

    jQuery Timespaceは上下左右と四方にドラッグ移動できる水…

  2. diamonds.js
  3. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

  4. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  5. NO IMAGE

コメント

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

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

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP