no-image

JavaScript

3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

3D Cube Image Galleryは、3Dキューブによるオシャレな画像ギャラリーを実装できます。サムネイル画像から任意を画像を選択すると、キューブがクルッと回転して目的の画像を表示してくれます。とてもおもしろいアイディアですね。

3D Cube Image Gallery

3D Cube Image Gallery

デモではキューブの下に6つのサムネイル画像が並べられていて、ここから好きな画像をクリックするとキューブが回転してその画像を表示してくれます。

滑らかなアニメーションで、立体的なキューブの動きに思わず注目してしまいますね。キューブの回転が止まる時にさりげなくバウンスが入るところもグッドです。

人とは違った珍しい画像ギャラリーを実装したい人は、ぜひ「3D Cube Image Gallery」を活用されてみてはいかがでしょうか?

上のリンク先ではCSSやJSなどの実際のコードも記述されているので、具体的な実装方法を知りたい人はぜひチェックしてみてください。

というわけで、クルッと回転する3Dキューブによる素敵なイメージギャラリー「3D Cube Image Gallery」の紹介でした。

JQuery Clockシンプルなアナログ時計を実装できる「JQuery Clock」前のページ

軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」次のページGlide.js

関連記事

  1. jQuery Lighter

    JavaScript

    優雅なフェードで拡大縮小されるLightbox系ギャラリー・jQuery Lighter

    jQuery Lighterは美しいフェードで画像を拡大縮小させること…

  2. InlineTweet.js

    JavaScript

    Webページのテキストにツイートリンクを作成できる「InlineTweet.js」

    InlineTweet.jsはWebページのテキストにツイートリンクを…

  3. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  4. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  5. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  6. Chameleon.js

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP