Des photos comme chez ebay
RikouH
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
loupix57 Messages postés 316 Date d'inscription Statut Membre Dernière intervention -
loupix57 Messages postés 316 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous, je suis nouveau et il s'agit là de mon premier message. J'ai la quarantaine et m'intéresse depuis peu au HTML 5 et au CSS 3. C'est pas facile mais passionnant et très vaste, j'ai l'impression.
Pour ma première question, je souhaiterais savoir de quelle manière je peux afficher des images comme sur ebay par exemple. Une grosse image, avec des plus petites. Et quand on passe sur les petites avec la souris, elles apparaissent à la place de la grosse. Au clic l'image reste en place ... enfin, comme sur ebay quoi ..
Merci à vous.
Pour ma première question, je souhaiterais savoir de quelle manière je peux afficher des images comme sur ebay par exemple. Une grosse image, avec des plus petites. Et quand on passe sur les petites avec la souris, elles apparaissent à la place de la grosse. Au clic l'image reste en place ... enfin, comme sur ebay quoi ..
Merci à vous.
A voir également:
- Des photos comme chez ebay
- Partager des photos - Guide
- Toutes mes photos - Guide
- Google photos - Télécharger - Albums photo
- Doublons photos - Guide
- Partager des photos avec google - Guide
1 réponse
ok, bah c'est un petit mélange entre CSS et JavaScript !
en gros le premier cadre (float:left) contient une grande image ; puis les 3 petites ont une hauteur de 30% de la grande .. enfin ça c'est de la bricole avec du CSS ;
Pour le survole ; chaque balise img contient un petit code javascript, onMouseMove="document.getElementById("grande_image").setAttribute("src",this.src);"
en gros le premier cadre (float:left) contient une grande image ; puis les 3 petites ont une hauteur de 30% de la grande .. enfin ça c'est de la bricole avec du CSS ;
Pour le survole ; chaque balise img contient un petit code javascript, onMouseMove="document.getElementById("grande_image").setAttribute("src",this.src);"