スモールビジネスのIT日誌

• (2013-02-28 17:25:04)

画像が大きい場合、小画像をクリックして大画像が表示されるという表示方法がよい。クールに表示させるには今時はLightBox系が主流か(2013/02/28)

Lightbox系のjQueryプラグイン

いろいろ出回っているようだ。本来なら自分でテストべきだが、数人のブログなどを見て、とりあえず下記を採用。
Shadowbox JS

インストール方法

(1)ダウンロード
　http://wordpress.org/extend/plugins/shadowbox-js/

(2)インストール
　下記にアップロード
　/wp-content/plugins

　これだけでは動作せず、ソースもアップせよとアラームあり
　アラームが指示するURLからソースをダウンロードし、下記にアップ
　/wp-content/uploads/shadowbox-js/src

(3)記事中の書き方
　リンクタグ内に「rel="shadowbox"」を入れるだけ。
　＜a href="大きい画像.jpg" rel="shadowbox">＜img src="小さい画像.jpg">＜/a>