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. Choreographer-js

    JavaScript

    多彩なCSSアニメーションを実現できる「Choreographer-js」

    Choreographer-jsは、多彩なCSSアニメーションを実現さ…

  2. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  3. Menu Droplet Animation
  4. lory

    JavaScript

    タッチ対応でカルーセルにもできるミニマルなJS(jQuery)スライダー「lory」

    loryはタッチに対応したミニマルなデザインが特徴的なスライダーを実装…

  5. jquery-base-slider

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP