アバダテーマチュートリアル：画像回転効果のホームページを作成するために画像カルーセル要素を使用する方法

ウェブデザインにおいて。写真の回転AvadaのImage Carousel要素は、コードを書くことなく美しい画像回転効果を素早く実現するのに役立ちます。この記事では アバダビルダー イメージローテーションの作成では、ウェブサイトのビジュアルアピールを簡単に強化するためのすべての設定をステップバイステップで説明します。

I. アバダの画像回転エレメントとは何ですか？

アバダにて 画像カルーセル要素（Image Carousel） 自動または手動のスクロール表示、以下のサポートなど、柔軟な設定により、複数の画像をページに追加できます。ライトボックス効果そしてリンク設定そしてレスポンシブデザイン展示に適している：

• 製品写真
• プロジェクト事例
• 顧客ロゴ
• 写真撮影
• その他のビジュアル・コンテンツ・プレゼンテーション

2つ目は、ピクチャーローテーションの詳細な作成手順である。

1.画像回転要素の追加

編集したいページに移動し、Avada Builderを使ってページを開きます：

• をクリックして新規追加する。 コンテナ.
• コンテナレイアウトオプション全幅コンテンツの幅は100%.
• コンテナ内で"+" 要素の追加

• にコンテナを追加する。イメージカルーセル 要素。

2.画像の一括アップロード

Avadaには2種類のアップロード方法があります。写真ウェイ

• "画像を追加"オプション：一度にアップロードできる画像は1枚のみです。
• "一括追加「オプション画像の直接一括アップロード.

3.画像回転の基本パラメータの設定

で "一般"タブでは、以下の設定ができます：

4.スクロール効果の設定

• スクロールアイテム(スクロール数）：スクロールするたびに表示される写真の数を設定します。"2 "に設定するか、空白のままにすることをお勧めします（空白のままにすると、現在表示されている写真の数がデフォルトでスクロールされます）。
• ナビゲーション(ナビゲーション矢印）：自動再生がオンになっていない場合は、ナビゲーション矢印をオンにすることをお勧めします。
• マウススクロール(マウススクロール): ページ閲覧に影響するため、オフにすることを推奨。

5.ライトボックス効果を設定する（ライトボックス）

ライトボックス効果ユーザーが画像をクリックすると、フルスクリーンまたはフローティングウィンドウがポップアップ表示され、画像の拡大版が表示されます。

• 画像ライトボックス オプション はい.

チップ::
画像にジャンプリンクが追加されると、その画像のライトボックス効果は無効になります。

効果プレビュー

設定が完了したらページを保存し、フロントエンドをプレビューしてください：

• 写真の回転選択した画像の内容が表示されます。
• ユーザーはナビゲーション矢印を使って画像をスクロールしたり、画像をクリックしてライトボックスを開き、画像の詳細を楽しむことができる。

III.注意事項と最適化の推奨事項

• 提案写真のサイズとスケール回転表示が最もうまくいくように、一貫性を保つ。
• 異なるサイズの写真がある場合は「オート」モードアダプティヴしかし、全体的な視覚効果には注意を払ってください。
• 使うライトボックス効果ユーザーのインタラクティブな体験を高めることができ、製品アルバム、写真ポートフォリオ、その他のシナリオに適しています。
• 写真 オルトテキストSEOに役立つ各画像には適切な説明を記入することをお勧めします。

概要

Avada BuilderのImage Rotationエレメントを使用すると、視覚的に魅力的な画像回転表示を簡単に作成することができます。この記事で紹介する詳細な手順とヒントは、ページの視覚的な外観を最適化するだけでなく、訪問者の全体的なエクスペリエンスを向上させます。さらに詳しくアバダテーマ関連チュートリアルご期待ください！光子ゆらぎネットワーク.