2011年8月2日

JCE MediaBoxで画像をポップアップ(LightBox)表示

Joomla!で拡大画像をポップアップ(LightBox表示)するには、JCE MediaBoxというプラグインが使えます。このプラグインを使用するには、予めJoomla!にJCEをインストールしておく必要があります。

JCE MediaBoxのインストール

管理画面の「エクステンション管理」の「インストール/アンインストール」からJCE MediaBoxをZIPファイルのままアップロード。
「インストール成功」と表示されることを確認。
「エクステンション管理」の「プラグイン管理」を開いてJCE MediaBoxを有効にします。

JCE MediaBoxで拡大画像をポップアップ(LightBox)表示

予め「通常表示用」の画像と「ポップアップ(LightBox)表示用」の画像をアップロードしておきます。

管理画面で記事を開き、ツールメニューの「画像の挿入/編集」ボタンをクリック。
ディレクトリの参照画面で挿入したい画像を選び、「URL」欄に画像のパスが表示されたら「Insert」。

ポップアップ(LightBox)表示用の画像の挿入

「リンクの挿入/編集」ボタンをクリック。
(「ファイル参照」ボタンをクリックして)ポップアップ表示したい画像へのパスを入力。
「高度」タブをクリックして、「クラスリスト」のメニューから「jcepopup」を選択。
「ターゲットへのリレーションシップページ」のメニューから「LightBox」を選択して、「更新」。