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

JCE MediaBoxをインストールしたら、Joomla!で拡大画像をポップアップ(LightBox)表示してみましょう。

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

管理画面で記事を開き、ツールメニューの「画像の挿入/編集」ボタンをクリック。

JCE MediaBox

ディレクトリの参照画面で挿入したい画像を選び、「URL」欄に画像のパスが表示されたら「Insert」。

JCE MediaBox

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

「リンクの挿入/編集」ボタンをクリック。

JCE MediaBox

(「ファイル参照」ボタンをクリックして)ポップアップ表示したい画像へのパスを入力。

JCE MediaBox

「高度」タブをクリックして、「クラスリスト」のメニューから「jcepopup」を選択。

JCE MediaBox

「ターゲットへのリレーションシップページ」のメニューから「LightBox」を選択して、「更新」。

JCE MediaBox