画像スライダー

画像スライダー

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

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

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

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

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

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

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

  1. [モジュール]タブで[画像スライダー]を選択し、ページにモジュールをドラッグします。
  2. [画像を追加]をクリックし、アップロードしたい画像を選択して、[OK]をクリックします。

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

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

  3. 画像の説明を追加するには、サムネイルを選択し、[説明]ボックスにテキストを入力します。
  4. ウェブページにリンクを追加するには、サムネイルを選択し、[ウェブページへのリンク]オプションをオンにして、下のメニューからページを選択します。
  5. [設定]タブをクリックし、必要なトランジションエフェクトを[トランジションエフェクト]メニューから選択します。
  6. それぞれの画像をどれくらい表示するかを指定します。
  7. スライドを切り替えるためのナビゲーションアイコンを表示するかどうかを指定します。

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

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

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

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

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

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