Aide pour affichage d'image au passage de so

[Fermé]
Signaler
-
 Okutsuko -
Bonjours tout le monde,

je cherche une solution depuis plusieurs jours mais sans succès, je suis actuellement en train de créer un site sur les sciences en générale. J'ai fais une partie "Système solaire" , dès lors ou l'on clic sur le lien, on est envoyé sur une grande image sur système solaire qui est en pleine page. Ce que j'ai fais pour le moment, c'est mapper mon image avec des cercles pour rendre toute les planètes et le soleil cliquable. Ce que je voudrais faire ensuite, c'est au survol de zones mappées, un affichage d'une image préalablement crée qui décrit les caractéristiques des planètes. Mais voila, je ne trouve aucun moyen de faire ceci. Merci de bien vouloir m'aider, j'en est vraiment besoin!!

J'ai pratiquement réussi mais ce que je veux afficher en passant sur ma planète s'affiche en grand(plein écran) alors que je voudrais qu'une petite fenêtre s'affiche a coté de la souris. Est ce possible?

Voici comment je l'es écris:

<img name="IMG_1" src="systeme.jpg" width="960" height="740" border="0" alt="Systeme Solaire" usemap="#systeme"/>

<map name="systeme">

<area onmouseover = "document.images['IMG_1'].src='mercure.jpg';" onmouseout = "document.images['IMG_1'].src='systeme.jpg';" shape="circle" coords="106, 369, 10" />

Je veux que l'image mercure s'affiche dans un format réduit a coté de la souris.


PS: C'est aussi un des projets potentiels que je vais présenter pour mon épreuve de BTS

Merci!!

5 réponses

Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 339
SALUT

Voila un exemple de tooltip sur un mapping ! avec un petit js !

clic sur "VOIR LE CODE SOURCE" tu verras la CSS le js et le html ; a toi de l adapter ;-))

http://rad2.free.fr/...

voila la discussion pour laquelle je l ai cree

https://forums.commentcamarche.net/forum/affich-11686756-texte-sur-une-image

a+
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 42674 internautes nous ont dit merci ce mois-ci

Merci! Je vais essayer ça! Je te tiens au courant! Merci beaucoup!!
Donc, c'est parfait! Ça marche! ^^ Vraiment content! Une dernière petit question, je peux afficher le cadre qui s'ouvre et que se dernier suive la souris au lieu de lui donner une position fixe? Merci
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 339
non pas avec ce script ! la tooltip est positionne par CSS

il faut une tooltip tout en js pour faire cela !

un exemple avec mootool
https://demos111.mootools.net/Tips
Merci de m'avoir aidé! Vraiment! Je vais étudier tous ça correctement! Encore merci! Bonne soirée :)