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. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

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

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  3. Before and After image script
  4. Glide.js
  5. no-image

    JavaScript

    レスポンシブでスタイリッシュな「lightbox-jquery-plugin」

    lightbox-jquery-pluginは、レスポンシブに対応した…

  6. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP