Agrandissement d'image sur la meme page web

Résolu
aftermizzath Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
aftermizzath Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -
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


A voir également:

1 réponse

Réponse 1 / 1
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
aftermizzath Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour votre réponse, mais désolé je n'ai pas bien compris!
éclairssissez un peu s'il vous plait

merci
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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).
0
aftermizzath Messages postés 3 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Beaucoup! la j'ai compris!

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

;-)
0

Discussions similaires

imprimer plusieurs fois la meme photos sur la meme page
gaoule73 -
bertvert2 -

14 réponses
PIX
plart -
jordane45 -

1 réponse