タイプ | |
有料/無料 | |
ライセンス | GPL |
執筆時のバージョン | 2.0Beta |
ユーザ登録の要否 | 不要 |
- ここに掲載している記事は執筆時点のものです。内容が古くなっている事もありますのでご注意下さい。
- ここで紹介しているエクステンションの利用を推奨するものではありません。ご利用は自己責任でお願いします。
- ご自分が利用しているエクステンションの最新情報は常に確認しましょう。様々なエクステンションで日々脆弱性が見つかっており、あなたのサイトがクラックの被害に遭わないとも限りません。脆弱性情報はこちら。
- サムネイルをクールに拡大表示できる「Highslide JS」をJoomla!で利用できるようにしたプラグイン。
- 非商用利用なら無料で使用できる。商用利用の場合、Highslide JSの作者サイトにて料金を支払う必要がある。1ドメインあたり$29、ドメイン無制限は$179。(2007年10月現在)
- 特定のディレクトリに保存されたイメージをサムネイル表示する事が可能。またイメージ単体で指定する事も可能。
- キャプション(タイトル)を設定する事が可能。ただしディレクトリを指定した場合、全て同じキャプションになる。
- コンポーネントをインストールする事でコメント機能を利用できる。(私の環境ではコメントを書き込むフォームが表示されませんでした)
ダウンロードとインストール
上記開発元もしくはJoomla! Extention Directoryへアクセスし、最新のプラグイン(plugin_hs_jp_XXX.zip)をダウンロードします。インストールは管理画面のインストーラメニューから行ってください。また公開するのを忘れないで下さい。 (参考:コンポーネントのインストール、モジュールのインストール、プラグインのインストール)
{/tabs}
テンプレートにコードを追加する
「サイト」→「テンプレート管理」→「サイトテンプレート」からテンプレート編集画面を表示します。タグ直後に次のコードを挿入します。
イメージのアップロード
「サイト」→「メディアマネージャ」を選択し、「stories」ディレクトリへ移動します。Highslide JS用に適当なディレクトリを作成し、そこにイメージをアップロードして下さい。
タグの挿入?
サムネイルを表示したいコンテンツアイテムを開きタグを記述します。例えばstoriesの下に「sample」という名前のディレクトリを作成した場合は以下のように記述します。
以下のようにディレクトリ内に保存されたイメージがサムネイルで表示されます。
クリックするとズームして表示され、画面下部にナビゲーションが表示されます。
イメージ下部にある「PREVIOUS」もしくは左矢印キー(←)で前のイメージへ、「NEXT」もしくは右矢印キー(→)で次のイメージを表示します。また画像をドラッグすると移動が可能です。
またイメージ内部に表示されるマークをクリックすると原寸大で表示します。
次のように記述すればイメージ下部にキャプションも表示可能。ただし全てのイメージに同じキャプションが表示されるらしい。
私の場合この機能は動作しませんでした。
イメージ単体で表示する場合は次のように記述します。(以下はstories/sampleディレクトリ以下に保存された「sunset.jpg」を表示し、「サンセット」というキャプションを設定する例)
イメージ単体で表示した場合、キャプションは正常に表示されるようです。
コメント機能の利用
別途コンポーネント(com_hsbridgejp_XX.zip)をインストールする事で、イメージに対してコメントを書き込めるようになります。
この記事を書いている時点(2007年10月)ではコメント機能を有効にしても書き込みフォームが表示されず動作しませんでした。同様の現象が発生している方も多いらしく、作者サイトのフォーラムにて書き込みがあります。
プラグインの設定
「マンボット」→「サイトマンボット」を選択し、「HSBridgeJP」をクリックするとプラグインの設定を行うことができます。設定項目は次のとおり。
項目 | 説明 |
Thumbnail Width | サムネイル画像の横幅をピクセルで指定します。 |
Thumbnail Height | サムネイル画像の高さをピクセルで指定します。 |
Thumbnail Quality | サムネイル画像の画質 |
Align Image to | サムネイル画像の配置 |
Use comments feature | コメント機能を利用するか |