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’apparence du bouton Ajouter un favori est contrôlée par le sélecteur de classe CSS suivant :

.s7ecatalogviewer .s7addfavoritebutton

Propriétés CSS du bouton Ajouter un favori

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

Position à l’intérieur du sprite de l’illustration, si des sprites CSS sont utilisés.

Voir aussi SpritesCSS.

Largeur
Largeur du bouton.
hauteur
Hauteur du bouton.
NOTE
Ce bouton prend en charge à la fois 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 peut ajouter une nouvelle icône Favori en le sélectionnant ou en appuyant. L’attribut selected='false' correspond au mode de fonctionnement normal lorsqu’un utilisateur peut agrandir, effectuer un panoramique et permuter des pages.

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

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

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