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」の紹介でした。

関連記事

  1. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

  2. FlipClock.js

    JavaScript

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

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

  3. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  4. StellarNav.js

    JavaScript

    レスポンシブで多階層に対応したドロップダウンメニュー「StellarNav.js」

    StellarNav.jsはjQueryによるレスポンシブで多階層に対…

  5. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

  6. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP