画像スライダーモジュールを使用すると、複数の画像が含まれるスライドショーを追加し、さまざまなトランジションエフェクトを施すことができます。サポートされる画像フォーマットは、GIF、JPEG、PNG です。

画像は自動的にサイズ調整されません。このため、同じ寸法の画像をアップロードすることを推奨します。サイズが異なる画像をアップロードすると、スライドショーの見栄えが悪くなります。

画像を追加するときは、画像に説明を追加したり、ウェブサイト内の特定のページへのリンクを設定したりできます。

サポートされるトランジションエフェクトは以下のとおりです。

  • ランダム
  • スライスダウンライト
  • スライスダウンレフト
  • スライスアップライト
  • スライスアップレフト
  • スライスアップダウン
  • スライスアップダウンレフト
  • フォールド
  • フェード
  • ボックスランダム
  • ボックスレイン
  • リバースボックスレイン
  • ボックスレイン
  • リバースグローイングボックスレイン

エフェクトの名前からは、実際の挙動はよくわかりません。実際に動かして見てみることをお勧めします。これには、イメージスライダーモジュールを追加して、画像を 2 つ以上アップロードし、モジュールの設定( [設定] タブ)に進み、 [トランジションエフェクト] メニューからエフェクトを選択します。

サイトにイメージスライダーを追加して、写真をアップロードするには:

  1. [モジュール] タブで [画像スライダー] を選択し、ページにモジュールをドラッグします。

  2. [画像を追加] をクリックし、アップロードしたい画像を選択して、 [OK] をクリックします。

    複数の画像を選択して一括アップロードできます。1024 x 768 ピクセル以内に画像をサイズ変更することをお勧めします。

    画像をアップロードしてから、順序に並べ替えたり削除したりできます。これらの操作を行うには、画像のサムネイルをポイントし、該当するアイコンを使用します( image 72021.gif image 72022 image 72023 )。

  3. 画像の説明を追加するには、サムネイルを選択し、 [説明] ボックスにテキストを入力します。

  4. ウェブページにリンクを追加するには、サムネイルを選択し、 [ウェブページへのリンク] オプションをオンにして、下のメニューからページを選択します。

  5. [設定] タブをクリックし、必要なトランジションエフェクトを [トランジションエフェクト] メニューから選択します。

  6. それぞれの画像をどれくらい表示するかを指定します。

  7. スライドを切り替えるためのナビゲーションアイコンを表示するかどうかを指定します。

    [内部] オプションを選択すると、アイコンが画像の上、イメージスライダーの右上隅に表示されます。一方 [下] を選択すると、画像の下にアイコンが表示されます。

  8. スライドを切り替えるためのナビゲーション矢印を表示するかどうかを指定します。

  9. [OK] をクリックします。

スライドショーから画像を削除するには:

スライドショーのブロックをクリックし、画像サムネイルをポイントして、 image 72023 アイコンをクリックします。

スライドショーをすべての画像ごと削除するには:

スライドショーブロックの上にカーソルを置いて、 [削除] をクリックします。