Affichage du autre image sur Mouseover---
paranoia
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
coeus Messages postés 3021 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je suis débutant dans crations des sites web
j' ai realise un site web mnt et je veux comprendre comment je peux faire cette operation
dans mon site (html + javascript).
https://www.sportsfile.com/photo-library/
ç'a veut dite je veux lecode comment image va agrandir a partir du mouseover avec largeur precis etc
et merciiiiiiiiii
je suis débutant dans crations des sites web
j' ai realise un site web mnt et je veux comprendre comment je peux faire cette operation
dans mon site (html + javascript).
https://www.sportsfile.com/photo-library/
ç'a veut dite je veux lecode comment image va agrandir a partir du mouseover avec largeur precis etc
et merciiiiiiiiii
A voir également:
- Affichage du autre image sur Mouseover---
- Image iso - Guide
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
1 réponse
Tu peux faire un peu plus simple, si ça te convient...
Tu as ton image en petit, et juste à côté, tu mets une <div> qui contient ton image agrandie, avec un display:none, un z-index:20 et un position:absolute (pour aider au décalage par rapport à l'image originale).
Après, tu mets un attribut mouseover sur ta petite image qui met la grosse image en display:block;
L'image agrandie ne se promènera pas pour rester alignée avec le curseur de la souris, mais au moins, ça va fonctionner même si l'utilisateur a bloqué son Javascript (ce qui est un moyen problème d'accessibilité).
Dis-moi ce que tu en penses !
Tu as ton image en petit, et juste à côté, tu mets une <div> qui contient ton image agrandie, avec un display:none, un z-index:20 et un position:absolute (pour aider au décalage par rapport à l'image originale).
Après, tu mets un attribut mouseover sur ta petite image qui met la grosse image en display:block;
L'image agrandie ne se promènera pas pour rester alignée avec le curseur de la souris, mais au moins, ça va fonctionner même si l'utilisateur a bloqué son Javascript (ce qui est un moyen problème d'accessibilité).
Dis-moi ce que tu en penses !