読者です 読者をやめる 読者になる 読者になる

みーのぺーじ

みーが趣味でやっているPCやソフトウェアについて.Unity, Python, Processingなどのプログラミングや,脱獄, hackintoshなど

トップ / 記事一覧 / カテゴリ

Lightbox2でDrupalの写真をかっこよく表示する

Lightbox2は、サイトの画像を拡大して真ん中に表示するためのモジュールで、Drupalサイトに追加することでかっこよく画像を表示することができます。

Demo

Drupaに追加するのは簡単で、ここの最下部にあるDownloadsから必要なモジュールをサイトにインストールするだけです。

使い方ですが、Lightbox2は以下のように記述すると機能します。

<a href="/sites/www/files/field/image/2013/8/12/01.png" class="colorbox cboxElement" rel="gallery-all">

<img alt="" src="/sites/www/files/field/image/2013/8/12/01t.png">

</a>

のように、<img>をrel="lightbox[???]"属性がついた<a>で囲えばおっけーです。<img>はサムネイルを指定し、<a>に高解像度の画像へのリンクを貼ればサーバーの転送量を減らすことができます。

[]の中はグループ名で、ここが共通の画像をまとめて次へと前へを表示してくれます。

2013.10.5