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. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  2. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  3. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  4. Wallpaper

    JavaScript

    背景画像のレイアウトをブラウザ幅に合わせてくれるjQueryプラグイン「Wallpaper」

    WallpaperというjQueryプラグインを使えば背景画像のレイア…

  5. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  6. Naver

    JavaScript

    シンプルですごくいい!レスポンシブに合うナビゲーションのjQueryプラグイン「Naver」

    NaverというjQueryプラグインがすごくシンプルでよかったのでご…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP