画像スライダー
画像スライダーモジュールを使用すると、複数の画像が含まれるスライドショーを追加し、様々なトランジションエフェクトを施すことができます。サポートされる画像フォーマットは、GIF、JPEG、PNG です。
画像は自動的にサイズ調整されません。このため、同じ寸法の画像をアップロードすることを推奨します。サイズが異なる画像をアップロードすると、スライドショーの見栄えが悪くなります。
画像を追加するときは、画像に説明を追加したり、ウェブサイト内の特定のページへのリンクを設定することができます。
サポートされるトランジションエフェクトは以下のとおりです。
- ランダム
- スライスダウンライト
- スライスダウンレフト
- スライスアップライト
- スライスアップレフト
- スライスアップダウン
- スライスアップダウンレフト
- フォールド
- フェード
- ボックスランダム
- ボックスレイン
- リバースボックスレイン
- ボックスレイン
- リバースグローイングボックスレイン
エフェクトの名前からは、実際の挙動はよくわかりません。実際に動かして見てみることをお勧めします。これには、イメージスライダーモジュールを追加して、画像を 2 つ以上アップロードし、モジュールの設定([設定]タブ)に進み、[トランジションエフェクト]メニューからエフェクトを選択します。
サイトにイメージスライダーを追加して、写真をアップロードするには:
- [モジュール]タブで[画像スライダー]を選択し、ページにモジュールをドラッグします。
- [画像を追加]をクリックし、アップロードしたい画像を選択して、[OK]をクリックします。
複数の画像を選択して一括アップロードできます。1024 x 768 ピクセル以内に画像をサイズ変更することをお勧めします。
画像をアップロードしてから、順序に並べ替えたり削除したりできます。これらの操作を行うには、画像のサムネイルをポイントし、該当するアイコンを使用します( )。
- 画像の説明を追加するには、サムネイルを選択し、[説明]ボックスにテキストを入力します。
- ウェブページにリンクを追加するには、サムネイルを選択し、[ウェブページへのリンク]オプションをオンにして、下のメニューからページを選択します。
- [設定]タブをクリックし、必要なトランジションエフェクトを[トランジションエフェクト]メニューから選択します。
- それぞれの画像をどれくらい表示するかを指定します。
- スライドを切り替えるためのナビゲーションアイコンを表示するかどうかを指定します。
[内部]オプションを選択すると、アイコンが画像の上、イメージスライダーの右上隅に表示されます。一方[下]を選択すると、画像の下にアイコンが表示されます。
- スライドを切り替えるためのナビゲーション矢印を表示するかどうかを指定します。
- [OK]をクリックします。
スライドショーから画像を削除するには:
スライドショーのブロックをクリックし、画像サムネイルをポイントして、 アイコンをクリックします。
スライドショーをすべての画像ごと削除するには:
スライドショーブロックの上にカーソルを置いて、[削除]をクリックします。