jQuery Panorama Viewer

JavaScript

パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

jQuery Panorama Viewerはパノラマビューを実装することができるjQueryプラグインです。画像をマウスでドラッグすることで横に広がっている画像を見ていくことができます。スマホでも試してみたところちゃんと動作しました。

[ads_center]

jQuery Panorama Viewerの使い方

jQuery Panorama Viewer

jQuery Panorama Viewer by Pete R. | The Pete Design

jQuery本体とプラグインファイルを読み込んだ状態で、以下のように画像をマークアップします。

<div class="panorama">
    <img src="sample.jpg">
    ...
</div>

で、プラグインをセット

$(".panorama").panorama_viewer({
    repeat: false,
    direction: "horizontal",
    animationTime: 700,
    easing: "ease-out",
    overlay: true
});

実際のデモではこんな感じでとても雄大な自然の景色や都会などを一望することができます。

jQuery Panorama Viewer

ダイナミックなパノラマビューを実装したい時に覚えておきたいですね。

jQuery Flip-Quote文章内で引用したい部分をフリップさせるjQueryプラグイン「jQuery Flip-Quote」前のページ

フラットデザイン&ロングシャドウな19のソーシャルメディアのアイコン次のページフラットデザイン&ロングシャドウのアイコン

最近の記事

  1. シーザーチキン 石窯カンパーニュ
  2. スキャルプ&ヘア リファイニング トリートメント オイル R
  3. ポーレックスの手動ミル
  4. クリスマスブロンドロースト
  5. トマトとニンニク
PAGE TOP