CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 Créer un Effet de Rollover pour vos Images

Créer un Effet de Rollover pour vos Images

Permuter une image avec Tuto Dreamweaver CS5
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Dreamweaver CS5
Revoir le teaser Je m'abonne
Transcription
59,90€ 41,93€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ 41,93€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre et Implémenter un Second Menu pour les Images

Objectifs

Les objectifs de cette vidéo sont de :
- Comprendre le concept de permutation d'images.
- Savoir ajouter et configurer des comportements interactifs sur des images.
- Apprendre à tester et à garantir le bon fonctionnement d'un effet de rollover.

Résumé

Apprenez à implémenter un effet de rollover pour des images sur une page web en utilisant HTML et JavaScript.

Description

Dans cette leçon, nous allons découvrir comment implémenter un second menu similaire à celui qui est présent en haut de votre page web, permettant ainsi la permutation d'images. Vous allez apprendre à intégrer deux images cliquables, attribuer des identifiants uniques, et leur donner des comportements interactifs grâce à la permutation d'images. Nous expliquons également comment ajouter des liens vers des fichiers HTML et supprimer les bordures des images liées pour une meilleure esthétique visuelle. Enfin, nous vous montrons comment tester l'effet de rollover pour vérifier le bon fonctionnement des modifications.

Voir plus

Questions fréquentes

Qu'est-ce qu'un effet de rollover ?
Un effet de rollover est un changement visuel qui se produit lorsqu'un utilisateur fait passer le curseur de la souris sur un élément interactif, tel qu'une image ou un bouton.
Pourquoi est-il important de précharger les images ?
Le préchargement des images garantit que les images sont toutes chargées dans le cache du navigateur avant que l'utilisateur ne survole les éléments, assurant ainsi une transition fluide et sans décalage.
Quelle est la différence entre 'mouse over' et 'mouse out' ?
L'événement 'mouse over' se déclenche lorsque la souris passe sur un élément, tandis que 'mouse out' se déclenche lorsque la souris quitte l'élément. Ces événements sont utilisés pour changer l'état visuel de l'élément.

Programme détaillé