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