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. no-image

    JavaScript

    スタイリッシュで美しいイメージスライダー「Gliding Gallery」

    Gliding Galleryはスタイリッシュで美しいシンプルなイメー…

  2. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  3. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  4. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  5. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  6. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP