| タイプ |  |
| 有料/無料 | 無料 |
| ライセンス | GPL |
| 執筆時のバージョン | 3.0.2 |
| ユーザ登録の要否 | 不要 |
- ここに掲載している記事は執筆時点のものです。内容が古くなっている事もありますのでご注意下さい。
- ここで紹介しているエクステンションの利用を推奨するものではありません。ご利用は自己責任でお願いします。
- ご自分が利用しているエクステンションの最新情報は常に確認しましょう。様々なエクステンションで日々脆弱性が見つかっており、あなたのサイトがクラックの被害に遭わないとも限りません。脆弱性情報はこちら。
- イメージにキャプションが設定できる。キャプションにはHTMLを使用することが可能
- 6種類のトランジション（画面切り替え効果）が設定できる
- 「Push」と「Wipe」のトランジションを設定した場合、30のエフェクトを設定できる
- JoomFishをサポート
ダウンロードとインストール
上記開発元もしくはJoomla! Extention Directoryへアクセスし、最新のモジュール（mod_rokslideshow_XXX_XX.zip）をダウンロードします。インストールは管理画面のインストーラメニューから行ってください。（参考:コンポーネントのインストール、モジュールのインストール、プラグインのインストール）
イメージのアップロード
イメージを保存する専用ディレクトリをサーバ上に作成し、スライドショーで使用するイメージを事前にアップロードしておきます。サーバ上のどこに保存しても構いませんが、imagesディレクトリ下に作っておけば良いでしょう。
モジュールの設定
メニューの「モジュール」→「サイトモジュール」を選択し、「RokSlideshow」を選択します。
モジュールポジションと「公開」を「はい」に設定し保存します。
イメージを表示する幅と高さを指定しましょう。
イメージを保存したディレクトリへのパスを入力します。
トランジションの種類を選択します。色々試すと良いでしょう。
設定できたら保存しましょう。
サイトを表示すると指定したディレクトリに保存したイメージがスライドショーで表示されるはずです。
キャプションの設定
イメージのキャプションを設定するには、イメージファイルと同じ名前のテキストファイルを作成し、同ディレクトリに保存します。例えば「image01.jpg」というイメージのキャプションファイルは「image01.txt」とします。
テキストファイル内には3行まで入力できるようです。1行目はイメージのタイトル、2行目はURL、3行目は説明文になります。例えば次のように入力します。
さくらんぼ
http://www.joomlaway.net/images/stories/fruit/cherry.jpg
とっても美味しそう…。
2行目に入力したURLは表示されず、キャプションをクリックした時にそのURLへジャンプするようになります。またHTMLを使用する事も可能なようです。
その他設定
モジュール設定画面では他に次のような設定が可能です。
| 項目 | 説明 |
| Module Class Suffix | モジュールのクラスに設定するサフィックス。デザインカスタマイズ時に使用。 |
| Width | 表示するイメージの幅を指定します。 |
| Height | 表示するイメージの高さを指定します。 |
| Include Mootools JS Library | JavaScriptライブラリ『Mootools』をRocslideshow内に含めるか。 |
| Images Directory | スライドショーで使用するイメージを保存したディレクトリを指定します。 |
| Show Text Captions | キャプションを表示するか |
| Caption Height | キャプションの高さ |
| Title Size | キャプションファイルの1行目に入力したタイトルのサイズ |
| Title Color | タイトルの色 |
| Descriptiojn Size | キャプションファイルの3行目に入力した説明文のサイズ |
| Description Color | 説明文の色 |
| Sort Criteria | 並べる基準。アルファベット順か作成日時順か |
| Sort Order | 並び順。昇順、降順、ランダムが選択可能 |
| Manual Sort Order | 並び順を手動で設定できる。ファイル名をカンマで区切って入力する（例:pears.jpg,cherry.jpg,strawberry.jpg) |
| Dynamic Image Resizing | イメージをリサイズするか。Noに設定した場合、イメージのオリジナルサイズで表示される。 |
| Image Duration | トランジションを切り替える時間。ms（ミリ秒）で指定する。 |
| Transition Duration | エフェクト効果実行時間。ms（ミリ秒）で指定する。 |
| Transition Type | トランジション（画面切り替え効果）の種類。 |
| Pan Percent | トランジションに「panning（平行移動）」を選択したときのパン割合。パーセンテージで指定する。 |
| Zoom Percent | トランジションに「Zooming（ズーム）」を選択したときのズーム割合。パーセンテージで指定する。 |
| Transition for Push/Wipe | トランジションに「Pushing/Wipeing」を選択した時のエフェクト効果を選択する。 |