Contenu alternatif au survol d'une image

Afficher un contenu alternatif lors du survol d'une image

Logo ResourceSpace Logo Wordpress Logo Prestashop Logo Joomla

Pour gagner en compacité il est possible de masquer certains contenus et de ne les afficher que lorsque des actions particulières sont détectées.

Cette page de démonstration montre quelques exemples d'affichage de contenus alternatifs lorsque le curseur de la souris survole une image : affichage d'un titre, d'un copyright, d'une légende, bouton de téléchargement etc. se supperposent alors à l'image.

Effet "fade-in"

Effet fade-in

Le contenu alternatif apparait progressivement lorsque l'image est survolée par le curseur de la souris.

Action

Effet de translation

Missing options

Effet de translation

Le contenu alternatif "glisse" sur l'image lorsqu'elle est survolée par le curseur de la souris.

Action

Effets avancés

Missing options

Image #001-000112.001

© Tadayoshi Nakamura

Télécharger

Effet avancé avec filtre

Filtre

Le contenu apparait progressivement lorsque l'image est survolée par le curseur de la souris et l'image passe en noir & blanc.

Action