Faire appaître images dans une div
jeanMOULIN54
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
jeanMOULIN54 -
jeanMOULIN54 -
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"><!--
function afficheImage(toThis)
{
if (document.getElementById)
{
document.getElementById("conteneur3bis").innerHTML = toThis;
}
else if (document.all)
{
document.all["conteneur3bis"].innerHTML = toThis;
}
}
afficheImage(base);
//--></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
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"><!--
function afficheImage(toThis)
{
if (document.getElementById)
{
document.getElementById("conteneur3bis").innerHTML = toThis;
}
else if (document.all)
{
document.all["conteneur3bis"].innerHTML = toThis;
}
}
afficheImage(base);
//--></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:
- Faire appaître images dans une div
- Des images - Guide
- Légender une image - Guide
- Comment faire une recherche par image - Guide
- Extraire images pdf - Guide
- Créer une image iso - Guide
5 réponses
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 ;)
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=""/>
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 ?
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)
_ 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)
Merci ça fonctionne à merveille :)
J'avais bien vu la faute pour le ChangerImage mais j'avais pas vu pour le getElementByID
Merci encore ;)
J'avais bien vu la faute pour le ChangerImage mais j'avais pas vu pour le getElementByID
Merci encore ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question