タグ別アーカイブ: Flexible upload

Gallery機能。

WordPress2.5の機能であるGalleryと、
そのGalleryLightboxの機能を追加したLightbox-Gallery Pluginを使ってつくってみました。

簡単にソレっぽく出来ちゃいます。

Lightbox-Gallery Pluginのインストールも簡単で
wp-content/plugins/にアップして有効化するだけ。
WordPressを別のディレクトリにインストールしてある場合は
lightbox-gallery.jsの2行目のパスを変更。

サムネイルを遅延読み込みさせたい場合はLightbox-gallery.cssの7行目の
/*
.gallery img {display: none; border: 2px solid #cfcfcf;} */

赤文字の部分を削除してアップロードしてください

遅延読み込みの際にLoading Imageを表示させたい場合はLightbox-gallery.css
.gallery-icon a
{ background url(images/loader.gif) no-repeat center center; display: block;}
みたいな.gallery-icon a要素を付け足してみてください。images/loader.gifココで適したLoading Imageをつくってアップしてみてください。

ただ!Flexible uploadを使ってアップロードした場合、
大きいサイズの元画像をCSSで縮小した画像が並びますので、あまり重いサイズの画像を使いますと読み込みに時間がかかります。

なぜかというと、Flexible uploadを使わずにアップした場合とFlexible upload使ってアップした場合では、
生成されるサムネイルの名前が違うからなんですね。