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

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  2. Yet Another Ripple Plugin
  3. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  4. jQuery Quick Modal
  5. no-image

    JavaScript

    レスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」

    jquery.alertはレスポンシブに対応したモーダルウィンドウ風の…

  6. JavaScript

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP