Agrandissement d'image sur la meme page web
Résolu
Bonjour,
je suis entrain de développer un site web sur Dreamweaver CS3 et je voudrais savoir comment on peut faire pour agrandir une image sur une page web. example: les sites commerciaux comme Rueducommerce.fr. Lorceque vous appuiez sur l'image d'un produit, celle ci s'agrandit en premier plan et on voit toujours le site en arriere plan.
Quelq'un peut aider svp
Cordialement
je suis entrain de développer un site web sur Dreamweaver CS3 et je voudrais savoir comment on peut faire pour agrandir une image sur une page web. example: les sites commerciaux comme Rueducommerce.fr. Lorceque vous appuiez sur l'image d'un produit, celle ci s'agrandit en premier plan et on voit toujours le site en arriere plan.
Quelq'un peut aider svp
Cordialement
1 réponse
-
On passe souvent par du JS pour des effets plus « cool », mais c'est aussi faisable en CSS.
Par exemple :<img src="image.png" alt="Description de l'image" class="zoom">
Dans le CSS :.image { width: 50px; } .image:hover { width: 640px; /* Largeur par défaut */ }-
-
Pour les scripts JS (Javascript), ça s'appelle des « lightbox ».
Perso j'aime bien Shadowbox-js, mais il y a aussi ce script, ... (une liste). -
-
