Image Gallery Threejs

JavaScript

3D回転するカルーセルのイメージギャラリーを実装できるjQueryプラグイン「Image Gallery Threejs」

Image Gallery ThreejsというjQueryプラグインを使えば、3D回転しながらスライドするカルーセルのイメージギャラリーを実装できます。前後の画像をクリックすることで回転しながら画像を見ていくことができます。

[ads_center]

Image Gallery Threejsの使い方

実際のデモは以下から確認することができます。

Image Gallery Threejs

デモ

画像を直接クリックすることでその画像までスライド移動することができます。他にも画面左上にあるprev・next、画像番号をクリックすることでも移動させることが可能です。

またデフォルトでは「default prespective」に設定されていて、水平方向にスライド表示されていきます。

それ以外では「top right prespective」と「top left prespective」があり、これらにすることで左右斜めに傾いたりします。

使い方はこんな感じです。画像パスやidをセットして使います。

$(function(){
  $(".sample").ig3js({
      manifest: [
          {src:"image1.jpg", id:"image1"},
          {src:"image2.jpg", id:"image2"},
          {src:"image3.jpg", id:"image3"}
        ],
        imagePath: 'images/'
    });
});

Image Gallery Threejs

MacのBluetooth表示名やコンピュータ名を変更MacのBluetoothの表示名やコンピュータ名を変更する設定方法前のページ

フォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」次のページOneBook3d

関連記事

  1. JavaScript

    水面にゆらゆらと波打つ動きを与えてくれるjQueryプラグイン「lake.js」

    面白そうなプラグインだったので使ってみました。画像を指定するとその画像…

  2. jquery.peekABar

    JavaScript

    様々なカスタマイズができる便利な通知バー「jquery.peekABar」

    jquery.peekABarは様々なカスタマイズが可能な通知バー(通…

  3. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  4. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

  5. CaptionerJs

    JavaScript

    画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」

    CaptionerJsは画像に開閉できるキャプションを実装することがで…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグや…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP