Faire appaître images dans une div

Fermé

jeanMOULIN54 Messages postés 32 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 14 octobre 2010 - 5 mai 2008 à 16:01
jeanMOULIN54 - 2 juin 2008 à 14:06

Bonjour,

voilà, je débute en javascrypt, et j'aurais aimé que vous m'aidiez un peu ...

J'aimerai faire apparâitre des images dans une div, lorsque je clic sur du texte. J'ai donc une dizaine de liens qui doivent chacun me faire apparaitre une image différente dans la même div ! J'ai reussi à faire cela avec du texte dont je vais vous donner le code. Mais quand j'essaye d'adapter pour les images cela ne fonctionne pas...

Mon script

<script type="text/javascript"></script>

mon code html

<a href="#" onMouseUp="afficheImage('monTexte')" >monLien</a>

J'ai essayé de remplacer monTexte par "img src="
mais cela ne fonctionne pas

Si quelqu'un pourrait m'éclairer

Merci

A voir également:

5 réponses

Réponse 1 / 5

Kcazer Messages postés 26 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 13 août 2008 21
5 mai 2008 à 16:25

Salut,

En associant un id à ton image, il est possible de changer facilement celle qui doit s'afficher grace a une petite fonction.
Le code ci dessous n'utilise pas de div, mais rien n'empeche de placer l'image dans un div ;)

<script type="text/javascript">
  function ChangerImage(pic) {
    // Changement de l'url de l'image
    document.GetElementById('image').src = pic
 }
</script>

Usu sumo <a href="#" onclick="ChangeImage('image1.jpg');">numquam</a> ea.
Sit justo soleat albucius at, cu <a href="#" onclick="ChangeImage('image2.jpg');">appareat</a> argumentum his.
Quod rationibus <a href="#" onclick="ChangeImage('image1.jpg');">referrentur</a> id qui ne eleifend referrentur ius, eu mei wisi aeterno accusam.

<img id="image" src="image0.jpg" alt=""/>

Réponse 2 / 5

jeanMOULIN54 Messages postés 32 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 14 octobre 2010
5 mai 2008 à 16:37

ok, j'ai test ton code, mais cela ne fonctionne pas! j'ai pourtant 2 image : image1 et image2 ! je ne sais pas à quoi coresspond image0 ?

Kcazer Messages postés 26 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 13 août 2008 21
5 mai 2008 à 16:48

Effectivement, j'ai fait qques fautes de frappe:
_ J'ai utilisé un nom de fonction different (ChangerImage et ChangeImage), il suffit de remettre le meme partout
_ GetElementById au lieu de getElementById (pas de majuscule a la premiere lettre)

Sinon image0.jpg est l'image qui est affiché à l'orignie, avant qu'un clic ne soit effectué.
Si rien ne doit apparaitre, il suffit d'une image de 1x1 pixel de la couleur du fond (ou d'une image transparente)

Réponse 3 / 5

jeanMOULIN54 Messages postés 32 Date d'inscription mardi 16 octobre 2007 Statut Membre Dernière intervention 14 octobre 2010
5 mai 2008 à 16:56

Merci ça fonctionne à merveille :)
J'avais bien vu la faute pour le ChangerImage mais j'avais pas vu pour le getElementByID

Merci encore ;)

Réponse 4 / 5

jeanMOULIN54
30 mai 2008 à 16:37

Sinon auriez vous une idée pour faire appaître les images en fondu avec ce script ?

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

Posez votre question

Réponse 5 / 5

jeanMOULIN54
2 juin 2008 à 14:06

up ^^
svp un petit peu d'aide...
Personne n'a une petite idée ou une piste ?

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)

code couleur associé a une image

Image Subliminale dans une vidéo

voir ses images enregistrés

Aligner 2 photos côte à côte...