ドキュメントAEMDynamic Media ビューアリファレンスガイド

お気に入りエフェクト favorites-effect

最終更新日： 2025年8月14日

作成対象：

  • Developer
  • User

ビューアには、ユーザーが最初に追加した場所に、メインビュー上にお気に入りアイコンが表示されます。

お気に入りアイコンの外観は、次のCSS クラスセレクターで制御されます。

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

お気に入りアイコンの​CSS プロパティ

背景画像
アイコンに表示される画像。
background-position

CSS スプライトを使用する場合は、アートワークスプライト内に配置します。

CSS スプライトも参照してください。

幅
アイコンの幅。
の高さ
アイコンの高さ。

例 – 36 x 36 ピクセルのお気に入りアイコンを設定します。

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon {
 height: 36px;
 width: 36px;
 background-image: url(images/v2/FavoriteEffect_dark_up.png);
}

デスクトップシステムでは、コンポーネントは.s7favoriteseffect クラスに適用できるcursortype属性セレクターをサポートし、選択したユーザーアクションに基づいてカーソルの種類を制御します。 次のcursortype値がサポートされています：

mode_add
表示されているユーザーは、新しいお気に入りアイコンを追加しています。
mode_remove
表示されているユーザーは、既存のお気に入りアイコンを削除しています。
mode_view
お気に入り編集がアクティブでない場合、通常の操作モードで表示されます。

例 – コンポーネントの状態のタイプごとに異なるマウスカーソルを使用します。

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
dynamic-media-developer-resources-help-aem-viewers-ref