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

no-imageかっこいいニュース・バナースライドショー実装「jQuery News Slider」前のページ

周囲から流れる音楽の曲名を教えてくれるMac版の「Shazam」次のページShazam for Mac

関連記事

  1. Flurry

    JavaScript

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

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

  2. jquery.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  3. Building a Vertical Timeline With CSS and a Touch of JavaScript
  4. Owl Carousel 2

    JavaScript

    美しいレスポンシブなカルーセルスライダーを実装できる「Owl Carousel 2」

    Owl Carousel 2は、美しいレスポンシブなカルーセルスライダ…

  5. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP