Panoramix Image

JavaScript

左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

Panoramix Imageは、左右に移動できるパノラマ画像を表示させることができます。jQueryが使われているとのこと。ダイナミックで広大な風景写真などを、パノラマ機能を用いて快適に見せたいという人にはピッタリですね。

Panoramix Image

デモ

デモでは、パノラマ画像の左右に矢印アイコンが設置されていて、ここにマウスオーバーすると左右に移動させることができます。そのほか、ドラッグでも左右に移動可能です。

広大な風景写真などをパノラマ機能でじっくり楽しむことができるのは、臨場感があってとても素敵ですね。

また、マウスオーバーによる左右移動のスピードはオプションから変更することもできます。デモではspeedの値が150に設定されています。ちなみに、デフォルトの値は50とのこと。

ほかにも、intervalというオプションやmoveLeft(interval, speed)、moveRight(interval, speed)、stopMoving()といったAPIも用意されています。

実装方法に関しても、とてもシンプルでわかりやすく記述できるのがいいですね。

というわけで、ダイナミックなパノラマ画像を実装したい人は、ぜひ「Panoramix Image」を取り入れてみてはいかがでしょうか?

Panoramix Image

関連記事

  1. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

  2. Flurry

    JavaScript

    Webページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」

    FlurryはWebページに雪を美しく降らせてくれるアニメーションを実…

  3. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  4. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  5. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

  6. Before and after slider

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP