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

    JavaScript

    クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

    Cookie Banner JSは、Webサイト上に表示させるクッキー…

  2. no-image

    JavaScript

    あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」

    Tokenize2は、あらかじめ設定したリストやAjaxから複数のタグ…

  3. Vimeo Carousel Gallery
  4. CoutUpCircle

    JavaScript

    カウントアップしてくれるjQueryプラグイン「CoutUpCircle」

    CoutUpCircleは目標に指定した数までカウントアップしてくれる…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP