Discussion :

[kevinf]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et merci de votre aide

[Zwiter]

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

[kevinf]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ???

Alors, je suis pas bon en JavaScript

revois aussi le html...

Sinon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[Matthieu2000]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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' />

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>