DocumentationGuide de référence des visionneuses Dynamic Media

Bouton Ajouter un favori add-favorite-button

Last update: Fri Aug 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :

Créé pour :

  • Développeur
  • Utilisateur ou utilisatrice

La position du bouton Ajouter un favori est entièrement gérée par le menu Favoris .

L’aspect du bouton Ajouter un favori est contrôlé par le sélecteur de classe CSS suivant :

.s7ecatalogsearchviewer .s7addfavoritebutton

Propriétés CSS du bouton Ajouter un favori

le image d’arrière-plan
Image affichée pour un état de bouton donné.
la position de l’arrière-plan

Positionnez à l’intérieur d’un sprite d’illustration si des sprites CSS sont utilisés.

Voir aussi desSprites CSS.

largeur
Largeur du bouton.
de hauteur
Hauteur du bouton.
NOTE
Ce bouton prend en charge les sélecteurs d'attributs state et selected, qui peuvent être utilisés pour appliquer différents habillages à différents états de bouton. En particulier, selected='true' correspond à l’état dans lequel un utilisateur ou une utilisatrice peut ajouter une nouvelle icône Favoris en sélectionnant ou en appuyant dessus. En revanche, selected='false' correspond au mode de fonctionnement normal lorsqu’un utilisateur ou une utilisatrice peut zoomer, panoramique et permuter des pages.

L’info-bulle du bouton peut être localisée. Voir Localisation des éléments de l’interface utilisateur pour plus d’informations.

Exemple - Pour configurer un bouton Ajouter un favori de 28 x 28 pixels qui affiche une image différente pour chacun des quatre états de bouton différents lorsqu’il est sélectionné ou non.

.s7ecatalogsearchviewer .s7addfavoritebutton {
 width:28px;
 height:28px;
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_up.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_down.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='false'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='up'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='over'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='down'] {
background-image:url(images/v2/AddFavoriteButton_dark_over.png);
}
.s7ecatalogsearchviewer .s7addfavoritebutton[selected='true'][state='disabled'] {
background-image:url(images/v2/AddFavoriteButton_dark_disabled.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8