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

Messages postés
3
Date d'inscription
lundi 14 juin 2010
Statut
Membre
Dernière intervention
14 juin 2010
- - Dernière réponse : aftermizzath
Messages postés
3
Date d'inscription
lundi 14 juin 2010
Statut
Membre
Dernière intervention
14 juin 2010
- 14 juin 2010 à 19:32
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


Afficher la suite 

1 réponse

Meilleure réponse
Messages postés
18334
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
3 novembre 2019
4100
1
Merci
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 */
}

Dire « Merci » 1

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

CCM 70631 internautes nous ont dit merci ce mois-ci

aftermizzath
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
avion-f16
Messages postés
18334
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
3 novembre 2019
4100 -
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).
aftermizzath
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

;-)