WD_ImageStax

JavaScript

山積みされた写真をシャッフルさせるフォトギャラリー「WD_ImageStax」

WD_ImageStaxは無造作に山積みされた写真をシャッフルさせるフォトギャラリーを実装することができるjQueryプラグインです。画像をクリックしていくことで手前にある画像が1番奥へアニメーションつきで移動していきます。

ImageStax

WD_ImageStax

複数の写真をそのまま手に持って1枚1枚見ていくような感じのアニメーションになっているので、リアルに近いフォトギャラリーを実装することができます。

一般的なフォトギャラリーだとズラーっと横や縦に画像が並んでいたりしますが、ImageStaxでは1箇所に画像が積み上げられており、手前にある画像から表示される仕組みになっています。

画像を1枚ずつ順番に見せたい時なんかによさそうですね。

ちなみにアニメーションのスピードはオプションで調整することが可能です。その他にもheightやwidthなどいろんなオプションが用意されています。

山積みされた写真を1枚ずつ見せることができるオシャレなフォトギャラリーを実装したい方は是非チェックしてみてください。

Lightroomでマスクの色を変更Lightroomでマスクの色を変更するやり方・ショートカットキー前のページ

モバイルデバイスにも最適化されたナビゲーション実装「Responsive Multi Menu」次のページResponsive Multi Menu

関連記事

  1. jQuery TextFill

    JavaScript

    テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

    jQuery TextFillはテキストをリサイズしてコンテナにフィッ…

  2. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  3. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  4. Scroll Indicator

    JavaScript

    シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

    Scroll Indicatorは、スクロールによるアニメーションでコ…

  5. JavaScript

    シンプルな構成で簡単に実装することができるツールチップ「jQuery PowerTip」

    とてもシンプルな構成で簡単に実装することができるjQueryプラグイン…

  6. no-image

    JavaScript

    トップに素早く戻れるボタンを実装できるjQueryプラグイン「TopButton」

    TopButtonはボタンをクリックするだけで画面トップに素早く戻れる…

最近の記事

  1. フィールグッドシャワー
  2. RP-PB055
  3. ESD-EFシリーズ

アーカイブ

PAGE TOP