Selon la valeur du paramètre de mode, la visionneuse affiche les icônes de zone cliquable sur la vue principale à des endroits où les zones cliquables sont créées à l’origine dans Dynamic Media Classic ou effectue le rendu des zones exactes qui correspondent à la forme des zones cliquables d’origine.
Propriétés CSS de la zone de visionneuse principale
L’aspect de l’icône de zone cliquable est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon
Le s7mapoverlay
La classe CSS utilisée par le passé pour mettre en forme les icônes de zone cliquable est désormais obsolète ; use s7icon
au lieu de .
propriété CSS |
Description |
---|---|
background-image |
Illustration de l’icône de zone cliquable. |
arrière-plan-position |
Position dans l’objet d’illustration, si des sprites CSS sont utilisés. Voir aussi Sprites CSS . |
width |
Largeur de l’icône de zone cliquable en pixels. |
height |
Hauteur de l’icône de zone cliquable en pixels. |
L’icône de zone cliquable prend en charge state
sélecteur d’attributs que vous pouvez utiliser pour appliquer différents habillages aux états d’icône de default
et active
.
Exemple : configurez une icône de zone cliquable de 28 x 28 pixels qui affiche une image différente pour chacun des deux états d’icône différents.
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon {
height: 28px;
width: 28px;
background-image: url(images/v2/ImageMapEffect_dark_up.png);
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="default"] {
opacity: 0.5;
}
.s7ecatalogsearchviewer .s7imagemapeffect .s7icon[state="active"] {
opacity: 1;
}
Voir aussi Prise en charge des zones cliquables.
L’aspect de la zone cliquable est contrôlé à l’aide du sélecteur de classe CSS suivant :
.s7ecatalogsearchviewer .s7imagemapeffect .s7region
propriété CSS |
Description |
---|---|
background |
Couleur de remplissage de la zone cliquable. Spécifié au format #RRGGBB, RGB(R,G,B) ou RGBA(R,G,B,A). |
arrière-plan-couleur |
Couleur de remplissage de la zone cliquable. Spécifié au format #RRGGBB, RGB(R,G,B) ou RGBA(R,G,B,A). |
bordure |
Style de bordure de la zone cliquable. Spécifié comme width solid color où width est exprimé en pixels et color est défini sur #RRGGBB, RGB(R,G,B) ou RGBA(R,G,B,A). |
Exemple : configuration d’une zone de zone cliquable transparente avec 1
bordure noire des pixels :
.s7ecatalogsearchviewer .s7imagemapeffect .s7region {
border: 1px solid #000000;
background: RGBA(0,0,0,0);
}