Afficher un texte lors du passage souris

Résolu/Fermé
titou MAI - 12 nov. 2007 à 21:10
 d;-) Titou - 20 nov. 2008 à 09:18
Bonjour,

Sur une photo, je souhaiterais que selon les zones où passe la souris, diverses légendes s'affichent. Quelqu'un peut-il m'aider en me disant quel logiciel (gratuit!!!) utiliser et comment faire ?
Merci de votre (vos ?) répnses

5 réponses

Merci pour la rapidité de ta réponse !!!
Ce que tu me proposes, si j'ai bien compris, c'est de créer une page HTML, de coller la photo et d'insérer le script n'est-ce pas ?
0
Blopette Messages postés 315 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 3 octobre 2012 273
13 nov. 2007 à 18:52
[quote]Ce que tu me proposes, si j'ai bien compris, c'est de créer une page HTML, de coller la photo et d'insérer le script n'est-ce pas ?[/quote]

Oui, tu crées une page, et tu insere <img src> a la place du texte à survoler. Quoi que... je ne suis pas très sûre qu'avec ce script ça fonctionne, le plus simple c'est d'essayer ;) Sinon il doit bien y avoir un autre script qui fonctionnera. (je te déconseille les scripts qui en marchent que sous ie).
0
Utilisateur anonyme
13 nov. 2007 à 19:46
pas besoin de logiciels pour ca

dans le code html tu as donc une image et tu crée un div la ou tu veu que ta legende apparaisse, tu donne un identifiant a ton div (id='id_du_div')

connai tu le javascript?

la fonction a utiliser va ressembler a ca:

fonction legende(texte) {
document.getElementById('id_du_div').innerHTML= texte;
}

cette fonction est a placer dans les balises script dans l'entete de la page


après dans la balise de l'image tu met:
<img onclick="legende('voici le texte de ma legende');" />

voila si tu a un souci hesite pas a me le dire :-)
0
Merci à vous, Blopette et Flounch22,
je débute dans la gestion de sites Internet et découvre son Univers.
En fait, un pôte a trouvé la solution, puisque j'utilise Dreamweaver : il s'agit d'utiliser les zones réactives, et d'insérer en attribut secondaire le texte que l'on souhaite voir apparaître... (merci Noël, si tu lis ce post!!!).
Et là, MIRACLE, ça marche.
Une bonne soirée, donc à tous les 2
d;-) Titou
0
Bonjour,
Sur une page, j'ai plusieurs photos et pour chacune, je souhaite, lors du passage de la souris, afficher un texte descriptif différent.
J'utilise Dreamwerver CS3 mais je ne trouve pas ce dont vous parlez dans votre message :
"il s'agit d'utiliser les zones réactives, et d'insérer en attribut secondaire le texte que l'on souhaite voir apparaître".
J'ai essayé différents javascripts mais je n'arrive pas obtenir ce que je désire.
Pourriez-vous me préciser où trouver cette fonction dans Dreamweaver ?
Merci.
JLuc
0
d;-) Titou > gujan
20 nov. 2008 à 09:18
Bonjour Gujan,
j'utilise DW 4. J'espère que tu retrouveras les mêmes fonctionnalités.
Lorsque tu as inséré la photo, tu vas dans "fenêtre" et tu coches " propriétés".
Apparaît alors le cadre flottant. Sur celui-ci, tu as plusieurs formes qui vont te permettre de déterminer tes zones de texte. En attribut secondaire ("sec"), tu saisis le texte que tu souhaites voir affiché. Une fois la page enreistée, si tu l'ouvres avec ton navigateur (firefox, bien sûr!!!), ça devrait marcher.
Bon travail,
d;-) Titou
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Blopette Messages postés 315 Date d'inscription vendredi 24 août 2007 Statut Membre Dernière intervention 3 octobre 2012 273
12 nov. 2007 à 21:13
Tu peux essayer ce script : http://www.editeurjavascript.com/scripts/scripts_textes_1_84.php , s'il ne convient pas, il y en aura peut-être d'autres sur le même site.
-1