WD_ImageStax

JavaScript

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

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

ImageStax

WD_ImageStax

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

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

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

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

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

関連記事

  1. bootstrap-wysihtml5

    JavaScript

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

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

  2. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  5. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

  6. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP