bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript高性能なイメージビューアを実装できる「PhotoViewer」JavaScript2018.08.9高性能なイメージビューアを実装できる「PhotoViewer」PhotoViewerは高性能なイメージビューアを実装できるJSプラグインです。ウィンドウ移動、リサイズ、ズーム、回転、フルスクリーン表示、キーボード操作など、多彩な機能が用意されています。カスタマイズ性に優れた高性能なイメージビューアを実装したい人は要チェックです。PhotoViewer以下のページからPhotoViewerのコード記述例や実際のデモ動作をチェックできます。PhotoViewerと書かれたボタンをクリックするとビューアが起動されます。画面上にビューア専用のウィンドウが表示され、その中で画像を見ていくことが可能です。ウィンドウ下部には画像の拡大・縮小などができる操作アイコンが設置されていて、ここからいろんな操作ができます。画像を拡大したり縮小したり、前後の画像に切り替えたり回転させたりといったことが可能です。真ん中にあるアイコン(左右矢印アイコンに挟まれているアイコン)をクリックすれば画像をフルスクリーンで楽しむこともできます。画面いっぱいに画像を表示させてじっくり鑑賞したいという人には最適ですね。ウィンドウを閉じる場合は右上にあるバツ印をクリックすればOKです。それから、ウィンドウをドラッグすることで好きな位置に動かすこともできます。オプションには、index、draggble、resizable、movable、keyboard、title、fixedModalSize、modalWidth、modalHeight、gapThreshold、minRatio、maxRatio、headToolbar、footToolbar、fixedContent......など、豊富な項目が用意されています。カスタマイズ性も高く、機能・性能に優れたイメージビューアを実装したい人は、ぜひ「PhotoViewer」を活用されてみてはいかがでしょうか?ライセンスはMITとのこと。PhotoViewerの詳細・ダウンロードは以下のページからどうぞ。Colorpickerはクロスブラウザに対応した軽量なカラー...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。