Effet de zone cliquable

Dernière mise à jour : 2021-12-10
  • Créé pour :
  • Developer
    User

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
REMARQUE

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.

REMARQUE

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);
}
Page précédente
Next page

Sur cette page