Wix プロギャラリー:アイテムのマウスオーバー表示をカスタマイズする
読了時間:5分
楽しいホバー効果を適用すると、サイトに活気を与え、サイト訪問者がギャラリーを楽しめるようになります。
クリックせずにギャラリーアイテムにマウスオーバーすると、ホバービューが表示されます。マウスオーバーで表示される要素と、ホバー効果の見た目を選択できます。
![ギャラリーアイテムにカーソルを合わせると、ギャラリーアイコン、タイトル、詳細が表示されるアニメーション。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2018/12/03/fced3e8f-9808-4f65-8a62-f9a7242f8e52.gif)
ホバービューをカスタマイズする
オーバーレイを追加し、表示される情報とアイコンを選択し、スクロールアニメーションを適用して、ホバービューをカスタマイズします。利用可能なカスタマイズオプションは、選択したギャラリーレイアウトによって異なります。
マウスオーバー表示をカスタマイズする方法:
- エディタにアクセスします。
- ページ上のプロギャラリーをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- カスタマイズしたいホバー要素を選択します:
オーバーレイ・アイコン
テキスト
アイテムスタイル
スクロール効果
![オーバーレイ・アイコンオプションがハイライトされたデザインタブを示すスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2025/01/12/db6907e6-b8fb-41ae-86ed-c36f94ed5b06/caec1837-0b46-42ba-8811-31414a5e8bd4.png)
ヒント:
ホバービューのカスタマイズ中、エディタ内のプロギャラリーで表示を確認できます。「プレビューを終了」をクリックすると、通常のプロギャラリービューに戻ります。
よくある質問
ギャラリーのホバービューをカスタマイズする方法については、以下の質問をクリックしてください。
ギャラリーアイテムにマウスオーバーした際に、別の画像を表示させることはできますか?
単独のギャラリーアイテムにホバー効果を適用できますか?