[gallery link="file"]
rel="lightbox"
手作業で属性をリンクタグに追加してLightbox効果を有効にすることも可能です。例えば:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
オプション: キャプション(説明文)を表示させたいならば、title
属性を追加します。
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
1ページあたりイメージセットの数とイメージセット毎に許される画像の数に制限はありません。お好きなだけどうぞ!wp_footer();
を常に配置して下さい。jqlb_apply_lightbox($your_content, "any ID");
を実行します。wp_localize_script()
と競合します。
リサイズのためのコードは、高さと幅の 両方を操作し、かつ、アスペクト比を維持します。
拡大・縮小ルーチンは、キャプションを考慮した上で、画像を最大化します。
ブラウザでのリサイズと向きの変更に対応させました。 - 最適なサイズと中心位置は、そのまま保持します。
過去にリリースされた同等のスクリプトすべてがrelを使っているので、WP jQuery Lightboxも、class="lightbox"
の代わりに、rel="lightbox"
によって有効化されるようにしています。
明示的なイメージURLは、CSSでレイアウトされたdivで置換されます。(jqlb_loading
とjqlb_closelabel
のdivタグを参照のこと。)
WordPressのメディアギャラリーの出力からタイトルと説明文を取得出来ます。([gallery]、"insert attachments" など。)
リンクにタイトルがないなら、画像のタイトルを取得します。
タイトルがない場合もそのまま処理します。
すべてのアニメーション効果を無効に出来ます。(アニメーションの継続時間を0にして下さい。)
スクリプトの多言語化のためにWordPressのAPIを使用しています。(安全な代替と共に。)