Agrandissement d'image sur la meme page web

Résolu

aftermizzath Messages postés 3 Statut Membre -
aftermizzath Messages postés 3 Statut Membre - 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

Réponse 1 / 1
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
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
1. aftermizzath Messages postés 3 Statut Membre
  
  Merci pour votre réponse, mais désolé je n'ai pas bien compris!
  éclairssissez un peu s'il vous plait
  
  merci
  
  0
2. avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention 4 511
  
  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
3. aftermizzath Messages postés 3 Statut Membre
  
  Merci Beaucoup! la j'ai compris!
  
  et merci aussi pour le 2eme lien ca va bien m'aider
  
  ;-)
  
  0

Agrandissement d'image sur la meme page web

1 réponse

Discussions similaires

Newsletters