Agrandissement d'image sur la meme page web [Résolu/Fermé]

Signaler
Messages postés
3
Date d'inscription
lundi 14 juin 2010
Statut
Membre
Dernière intervention
14 juin 2010
-
Messages postés
3
Date d'inscription
lundi 14 juin 2010
Statut
Membre
Dernière intervention
14 juin 2010
-
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


1 réponse

Messages postés
18472
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
23 novembre 2020
4 230
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 */
}
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 76687 internautes nous ont dit merci ce mois-ci

Messages postés
3
Date d'inscription
lundi 14 juin 2010
Statut
Membre
Dernière intervention
14 juin 2010

Merci pour votre réponse, mais désolé je n'ai pas bien compris!
éclairssissez un peu s'il vous plait

merci
Messages postés
18472
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
23 novembre 2020
4 230
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).
Messages postés
3
Date d'inscription
lundi 14 juin 2010
Statut
Membre
Dernière intervention
14 juin 2010

Merci Beaucoup! la j'ai compris!

et merci aussi pour le 2eme lien ca va bien m'aider

;-)