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)
この記事では、次の項目について説明します:
ホバービューをカスタマイズする
オーバーレイを追加し、表示される情報とアイコンを選択し、スクロールアニメーションを適用して、ホバービューをカスタマイズします。利用可能なカスタマイズオプションは、選択したギャラリーレイアウトによって異なります。
マウスオーバー表示をカスタマイズする方法:
- エディタで Wix プロギャラリーをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- カスタマイズしたいホバー要素を選択します:
オーバーレイ・アイコン
テキスト
アイテムスタイル
スクロール効果
![オーバーレイ・アイコンオプションがハイライトされたデザインタブを示すスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/08/23/b337e61a-849d-4c3c-bfb2-c67fe8288889/8490c8ff-8884-4d64-a7dd-91574e7b2fe8.png)
ヒント:
ホバービューのカスタマイズ中、エディタのプロギャラリーで表示を確認できます。「プレビューを終了」をクリックすると、通常のプロギャラリービューに戻ります。
よくある質問
ギャラリーのホバービューをカスタマイズする方法については、以下の質問をクリックしてください。
ギャラリーアイテムにマウスオーバーした際に、別の画像を表示させることはできますか?
単独のギャラリーアイテムにホバー効果を適用できますか?
お役に立ちましたか?
|