Lien -> Images sans chargement

Salut,

j'aimerais faire un truc qui en cliquand sur un lien, fais apparaitre une image, en cliquand sur un autre lien, une image remplace l'autre.
Je ne sait pas trop comment expliquer, mis à par que je voudrais faire un truc de ce style, mais sans rechargement de la page, juste de l'image :

Code:

---

1 2 3 4 5 6 7 8

<a href="image.php?id=1">IMAGE 1</a> <a href="image.php?id=2">IMAGE 2</a> <a href="image.php?id=3">IMAGE 3</a>   <?php echo "<img src='".$_GET['id']."' />"; ?>

---

J'espère que vous m'avez compris :lol:

Et merci de votre aide ;)

peut etre en utilisant exactement la meme methode que celle que je proposais pour tes checkbox?

Alors, je suis pas bon en JavaScript, mais j'ai essayé un truc, qui ne marche pas bien sur, je voudrais faire un truc simple et dynamique :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function toggleBox4() { document.getElementById('box7').src== document.getElementById('box8').src) }     <div onclick='toggleBox4();' id="box7" src="images/divers/1.png">IMAGE 1</div> <div onclick='toggleBox4();' id="box7" src="images/divers/2.png">IMAGE 2</div>   <img src='images/persos/1.png' id='box8' />

---

Merci

Code:

---

1 2	<div onclick='toggleBox4();' id="box7" src="images/divers/1.png">IMAGE 1</div> <div onclick='toggleBox4();' id="box7" src="images/divers/2.png">IMAGE 2</div>

---

C'est censé faire quoi ça ???

Citation:

---

Alors, je suis pas bon en JavaScript

---

revois aussi le html...

Sinon

Code:

---

1 2	<div onclick='toggleBox4();' id="box7"><img src="images/divers/1.png" alt="Image 1" />IMAGE 1</div> <div onclick='toggleBox4();' id="box7"><img src="images/divers/2.png" alt="Image 2" />IMAGE 2</div>

---

Devrait mieux fonctionner...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function toggleBox4(imgSrc) { document.getElementById('box8').src=imgSrc;   }     <div onclick='toggleBox4("images/divers/1.png")'>IMAGE 1</div> <div onclick='toggleBox4("images/divers/2.png")'>IMAGE 2</div>   <img src='images/persos/1.png' id='box8' />

---

Code:

---

1 2	<div onclick='toggleBox4();' id="box7"><img src="images/divers/1.png" alt="Image 1" />IMAGE 1</div> <div onclick='toggleBox4();' id="box7"><img src="images/divers/2.png" alt="Image 2" />IMAGE 2</div>

---

Bon, après mise à jour puis reboot de mon cerveau, je corrige quand même :

Code:

---

1 2	<div onclick='toggleBox4();'><img id="box7" src="images/divers/1.png" alt="Image 1" />IMAGE 1</div> <div onclick='toggleBox4();'><img id="box7b" src="images/divers/2.png" alt="Image 2" />IMAGE 2</div>

---