Efeito Favoritos

Última atualização em 2023-05-20
  • Tópicos
  • Dynamic Media Classic
    Exibir mais informações sobre este tópico
  • Viewers
    Exibir mais informações sobre este tópico
  • SDK/API
    Exibir mais informações sobre este tópico
  • eCatalog
    Exibir mais informações sobre este tópico
  • Criado para:
  • Developer
    User

O visualizador exibe ícones Favoritos sobre a exibição principal nos locais em que foi originalmente adicionado pelo usuário.

A aparência do ícone Favorito é controlada com o seguinte seletor de classe CSS:

.s7ecatalogviewer .s7favoriteseffect .s7icon

Propriedades CSS do ícone Favorito

background-image

A imagem exibida para o ícone.

background-position

Posicionar dentro da imagem de arte-final, se as imagens CSS forem usadas.

Consulte também Sprites CSS .

largura

Largura do ícone.

altura

Altura do ícone.

Exemplo - configurar um ícone Favoritos com 36 x 36 pixels.

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

Nos sistemas desktop, o componente suporta a função cursortype seletor de atributo que pode ser aplicado ao .s7favoriteseffect classe e controla o tipo do cursor com base na ação do usuário selecionada. As seguintes cursortype Os valores de são compatíveis:

mode_add

O usuário exibido está adicionando um novo ícone Favorito.

mode_remove

O usuário exibido remove um ícone Favorito existente.

mode_view

Exibido no modo de operação normal quando a edição de Favoritos não está ativa.

Exemplo - Ter cursores de mouse diferentes para cada tipo de estado do componente.

.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}

Nesta página