ようこそ! Geeklog Japan, Anonymous 2024/03/29 16:27 JST

Tips: jQueryプラグインの自動タグ lightbox

  • 2012/03/03 03:05 JST
  • 投稿者:
  • 表示回数 4,335
Geeklog

jQueryプラグインではlightbox, Feedback, code highlighter, CKEditorが用意されています。 それぞれコンフィギュレーションで有効に設定すると、提供されているjQueryが、Geeklogサイト内ですぐに利用できます。

特にlightboxは自動タグで簡単に記述できます。 画像のサムネイルを自動的に作成してキャッシュされ、jQueryで画像をポップアップしてくれる機能です。

自動タグの表記:

 [lightbox:画像のパス width:** height:**] 

自動タグは、記事、静的ページだけでなく、ブロックや各種テンプレートで利用できます。※

記事や静的ページでは、アドバンストエディタのモードにすると、利用できる自動タグが表示され、ヘルプも表示されます。

例)lightboxで画面キャプチャーを紹介します。

[lightbox:/images/library/Image/chips/lightbox.png width:400 height:auto]

※ヘッダ、フッタなど多くのテンプレートで自動タグが利用できます。ただし、Geeklog 1.8.1では記事の各テンプレートで自動タグが利用できませんが、Geeklog 1.9.0以降で利用可能になります。