no-image

JavaScript

高性能なイメージビューアを実装できる「PhotoViewer」

PhotoViewerは高性能なイメージビューアを実装できるJSプラグインです。ウィンドウ移動、リサイズ、ズーム、回転、フルスクリーン表示、キーボード操作など、多彩な機能が用意されています。カスタマイズ性に優れた高性能なイメージビューアを実装したい人は要チェックです。

PhotoViewer

デモ

Open PhotoViewerと書かれたボタンをクリックするとビューアが起動されます。画面上にビューア専用のウィンドウが表示され、その中で画像を見ていくことが可能です。

ウィンドウ下部には画像の拡大・縮小などができる操作アイコンが設置されていて、ここからいろんな操作ができます。画像を拡大したり縮小したり、前後の画像に切り替えたり回転させたりといったことが可能です。ちょうど真ん中にあるアイコン(左右矢印アイコンに挟まれているアイコン)をクリックすれば画像をフルスクリーンで楽しむこともできます。画面いっぱいに画像を表示させてじっくり鑑賞したいという人には最適ですね。

ウィンドウを閉じる場合は右上にあるバツ印をクリックすればOKです。それから、ウィンドウをドラッグすることで好きな位置に動かすこともできます。

オプションには、index、draggble、resizable、movable、keyboard、title、fixedModalSize、modalWidth、modalHeight、gapThreshold、minRatio、maxRatio、headToolbar、footToolbar、fixedContent……など、豊富な項目が用意されています。

カスタマイズ性も高く、機能・性能に優れたイメージビューアを実装したい人は、ぜひ「PhotoViewer」を活用されてみてはいかがでしょうか?

PhotoViewer

関連記事

  1. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  2. JavaScript

    円グラフ/折れ線グラフ/棒グラフを簡単に作れるjQueryプラグイン「Peity」

    個人的にかなり便利なプラグインを発見しました。円グラフ、折れ線グラフ、…

  3. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  4. Ideal Image Slider

    JavaScript

    シンプルで動きが滑らかなスライダー「Ideal Image Slider」

    Ideal Image Sliderはレスポンシブに対応したシンプルで…

  5. SweetAlert
  6. JUMBLE

    JavaScript

    テキストの色をカラフルにシャッフルさせるjQueryプラグイン「JUMBLE」

    JUMBLEというjQueryプラグインを使えば、指定したテキストの色…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP