画像を拡大表示!でかすぎても大丈夫!jQueryを使ったlightbox風プラグインWP jQuery Lightbox

もはや画像の拡大表示には外せない機能です。lightbox。

icons-photo03

プラグインはたくさんありますが、今回紹介するプラグインの特徴は

・jQueryを使用している
つまり、他のJavascriptライブラリのものと併用すると、競合の問題が起きてしまう所を、こちらのプラグインを使えば未然に防ぐことができます。

・ウィンドウのサイズを検知して拡大をストップしてくれる
デジカメの性能はどんどんアップし、解像度も大きくなっていきます。
そのため、扱いになれていないクライアントは生のデータをUPしてしまうこともあるんですね。
例え容量はあまり大きくなくても、解像度が大きいと画像が画面からはみ出してしまうプラグインもあります。レスポンシブならなおさらです。
解像度の注意を呼びかけても、クライアントがうっかり忘れることもあります。
慣れていない人に「幅は800pxくらいを上限に考えてリサイズしてアップして下さい~~」みたいに言っても、実行できる・してくれる人が全てではありません。

そのような観点から、僕はこちらのプラグインをよく使用します。

プラグイン名
WP jQuery Lightbox
プラグインサイト
http://wordpress.org/plugins/wp-jquery-lightbox/

プラグイン>新規追加>WP jQuery Lightboxで検索・有効化

設定にWP jQuery Lightboxメニューが追加されます。

wp-jQuery-lightbox

「スクリーンサイズに合わせて画像を縮小」
にチェックを入れると、レスポンシブでも、画像がバカでかくても、大丈夫!!

あとは、メディア追加時にリンク先を「メディアファイル」にするのをお忘れなく!!
wp-jQuery-lightbox01

けど・・・
容量の大きな画像は結局サーバーの負荷になるのでクライアントにはちゃんと説明しましょうね!!

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

スパム対策にご協力ください *

コメントの前にご確認ください。なにか不具合などあればtwitterまでご連絡ください

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • 具体的なエラー画面などがある場合は画像を添付してください。(1ファイルの上限は2メガバイト・3枚までUP可能です。)
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 実作業は行いません。ご依頼の場合はお問い合わせからお願い致します。
  • コメントの回答による一切の不利益および損害に関し、責任を取ることはできません。(実作業をご依頼いただいた場合は別です。)