Apparition de div avec a:hover sur une image découpée en plusieu
Résolu
iban
-
grafman -
grafman -
Bonjour à tous,
Voila mon problème.
J'ai une carte de france des régions, et j'aimerais que lorsqu'on passe la souris sur chaque région, ça fasse apparaitre une div à côté dans laquelle on aurait du texte.
Pour cela j'ai découpé la carte de france en un tableau avec les tranches de photoshop, mais je sèche un peu sur le code nécessaire à la suite, c'est un peu trop complexe pour moi...
Sachant que je ne veux pas passer par flash à cause des incompatibilités avec la pomme...
Merci pour vos réponses.
Iban
Voila mon problème.
J'ai une carte de france des régions, et j'aimerais que lorsqu'on passe la souris sur chaque région, ça fasse apparaitre une div à côté dans laquelle on aurait du texte.
Pour cela j'ai découpé la carte de france en un tableau avec les tranches de photoshop, mais je sèche un peu sur le code nécessaire à la suite, c'est un peu trop complexe pour moi...
Sachant que je ne veux pas passer par flash à cause des incompatibilités avec la pomme...
Merci pour vos réponses.
Iban
A voir également:
- Apparition de div avec a:hover sur une image découpée en plusieu
- Remplacer #div/0 par vide - Forum Excel
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,117,108,105,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> ✓ - Forum HTML
- Remplacer #div0 par le chiffre 0 - Forum Bureautique
- Function implode ne fonctionne pas ✓ - Forum PHP
- Animation css apparition progressive ✓ - Forum CSS
1 réponse
Résumé de la discussion
Il est question d'afficher dynamiquement une div textuelle lorsqu'on survole les régions d'une carte de France, découpée en zones interactives, sans utiliser Flash. Plusieurs réponses proposent d'utiliser des tooltips, par exemple qTip2, pour afficher le texte au survol sans recourir à du JavaScript complexe, et sans charger la page. D'autres évoquent une solution CSS avec des ancres et des sélecteurs pour afficher une div associée à chaque zone, mais cela peut nécessiter que le nommage soit précis et que les interactions évitent le rechargement. En cas de besoin, certains rappellent l'importance de tester l'affichage unique afin qu'un seul texte s'affiche à la fois et éviter tout chevauchement.
Salut,
tu peux utiliser des tooltips par exemple
https://github.com/qTip2/qTip2 pour n'en citer qu'une
tu peux utiliser des tooltips par exemple
https://github.com/qTip2/qTip2 pour n'en citer qu'une
j'utilise wordpress peut-être que ça vient de là...
pour l'instant j'ai une solution de a:hover qui fait apparaitre un <span>, mais le soucis est que ça reste pas
bon j'avoue c'était gros win quand j'ai réussi à faire ça, mais dans l'idéal le truc apparaitrait avec un clic et resterait pour pouvoir faire du copy/paste
au pire je pensais remplacer le # du a href par une page (du coup une chaque région)
l'inconvénient est que c'est plus lent, qu'il faut charger une page de plus..
moi à ta place j'aurais utilisé une image mappée, ça aurait été beaucoup plus simple je pense.
tu as un lien avec ta carte en une seule image que je fasse un petit test ?