DJ-ImageSlider

DJ-ImageSlider

画像のスライドショー機能として無料で使えるのが、DJ-ImageSlider です、無料ですが高機能。

サイトからファイルをダウンロードします。ダウンロードにはサインイン(サイトへの登録が必要)して実行する必要があります。

1.ダウンロード

https://dj-extensions.com/ サイトにアクセスしてください。ダウンロードにはサイトへの登録が必要です。

 

 djimage002

 

 

 

2.インストール

今日時点のファイルは「pkg_dj-imageslider-AIO_4.3」というZIPファイルでしたのでそれを通常の形でインストールします。

 djimage003

 djimage004

 

 

 インストールが成功したら、コンポーネントメニューに DJ-ImageSlider の項目が追加されます。

 

 djimage005

 

 

 

 3.コントロールパネル

DJ-ImageSlide はコンポーネントとモジュールによって成り立っています。(プラグインもああったかも)

そのコンポーネントページにて表示する画像やリンク情報などを管理して、実際の表示のためのモジュールから呼び出します。

このセッションではトップページに表示できるモジュールを作ってみましょう。

 

 djimage006

 djimage007

 djimage008

 

コンポーネントから画像の登録

コンポーネントでは登録した画像などを一元管理できますので、まずはそこからカテゴリを作って、そのカテゴリに画像を登録していきましょう。

 

 djimage009

 djimage010

 djimage011

 

これで、「トップ表示用」カテゴリに2枚の画像が登録されたことになります。

3.モジュールを使ってサイトにスライドショーを表示

 ここまで来たら設定した内容を実際のウェブサイトに表示することになります。そのためには表示用の部品としてのモジュールが必要になります。

まず、メインメニューからモジュールにアクセスしてください。そこで新規モジュールを作ります。

その際、 Data Souce を Compornent に指定するのを忘れないでください。

 

 djimage012

 djimage013

 djimage014

 

 

 djimage015

 

 

 

 

 

その他Tips