TUTO Réaliser un effet de survol sur une galerie d'images sur Tuto.com

Réaliser un effet de survol sur une galerie d'images

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

9,99€

5,0

32m34

Débutant

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Table des matières

Voici un tuto Javascript qui vous permettra de réaliser un effet de survol sur une image au sein d'une galerie.

Grâce au JavaScript moderne, nous allons apprendre comment manipuler l'attribut "src" d'une image.
L'utilisateur pourra ainsi survoler une miniature afin de la faire apparaître en plus grand au sein de la galerie.
Ce changement d'état ne nécessite pas de rechargement de la page.
La galerie sera responsive.

Pour suivre ce tuto dans de bonnes conditions, il est recommandé de connaître :

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours

Leçon 1

Leçon 2

Leçon 3

Leçon 4

Leçon 5

Table des matières

Leçon 1Mise en place des zones principales

07m29

Leçon 2Mise en place du détail de la zone 1

04m01

Leçon 3Mise en place du détail de la zone 2

12m17

Leçon 4Mise en place du script

07m44

Leçon 5Conclusion

01m03

Avis des apprenants

Détail des avis

58

Apprenants

7

Commentaires

5/5

Note moyenne

5/5

7

4/5

0

3/5

0

2/5

0

1/5

0

Simon Costa

Publié le 02/02/2026

Des explications toujours simples et efficaces. Un petit cours redoutable pour un effet vachement bien. Toujours et encore merci Carl :D .

Carl Brison

Merci beaucoup Simon ,c'est très gentil ;-)

Jean-Philippe Mouzet

Publié le 10/03/2025

J'adore tout ce qui concerne les galeries d'images, c'est sans doute parce que j'ai le but d'exposer des photos sur mon futur site.

Carl Brison

Cool ! Merci beaucoup ;-)

Jean-Pierre Annen

Publié le 17/02/2025

Très bien, on aurais pu l'améliorer en démontrant qu'on pouvait aussi le faire avec 2 ou 4 images

Carl Brison

Merci pour votre commentaire

Vos questions sur le cours

Que contient le fichier source ?

Le code de l'exercice

Quel est le niveau requis pour suivre ce tuto ?

débutant

+ 1,400,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com

Paiement 100% sécurisé

Vos données sont chiffrées et protégées pendant toute la transaction.

Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.