Kontext

JavaScript

iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

KontextというJavaScriptを使えばiOSの画面切り替えのようなエフェクトのスライド機能を実装することができます。CSSのトランスフォームとアニメーションを活用した3Dの動きがすごくいい感じですね。ダイナミックに画面をスライドで切り替えたい時に役立ちそうです。

[ads_center]

Kontext

Kontext

Kontext

デモをPCで閲覧した場合、下部にあるドットナビゲーションの他に、キーボードの矢印キーでもスライドを切り替えることができます。

iPhoneのように立体的に画面が切り替わっていくので、3Dのスライダーを実装したい時に覚えておきたいJSですね。

jQueryなどを使わなくても実装できる辺りがいいと思います。

レスポンシブ対応ギャラリーのWordPressプラグイン「Lightbox Slider Gallery」前のページ

画像を360度回転させて見せることができるjQueryプラグイン「Rollerblade.js」次のページRollerblade.js

関連記事

  1. baffle.js

    JavaScript

    DOM要素内のテキストを難読化させて読めるようにする「baffle.js」

    baffle.jsは、DOM要素内のテキストを暗号化して難読化させ、さ…

  2. Stacked Strips

    JavaScript

    スタックしながらスクロールできるエフェクト実装「Stacked Strips」

    Stacked StripsはWebページをスクロールする時に、スタッ…

  3. Albumize

    JavaScript

    アルバムみたいな画像コレクションのギャラリーを管理・実装できるjQueryプラグイン「Albumiz…

    Webページにある画像コレクションをアルバムのようなギャラリーに管理・…

  4. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  5. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  6. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP