Rendre une image invisible visible

25 oct. 2006, 00:26

Salut tout le monde j'ai un petit soucis je veux faire un jeu d'image je range mes images dans un tableau et j'attribue a chaque image la propritété css visibility:hidden;

Code : Tout sélectionner

<td>	<img id='image1' src='carte<?php echo $num1?>.jpg' width='170' height='130' style="visibility:hidden"    onClick=document.getElementsById('image1').style.visibility='visible'></td>

J'ai beau cliquer sur mon td je n'obtiens pourriez vous m'aider jarrive vraiment pas a m'en sortir !

25 oct. 2006, 00:35

voila mon nouveau code qui lui fonctionne

Code : Tout sélectionner

<td onClick=document.image1.style.visibility='visible'>	
		<img id='image1' src='carte<?php echo $num1?>.jpg' width='170' height='130' style="visibility:hidden"  >
		</td>

Cependant ceci ne fonctionne que sur firefox est ce normal qu'internet explorer ne réussisse pas a me faire fonctionner ca ?[/code]

25 oct. 2006, 00:42

Bonsoir,

Moi je te conseillerais de ne pas jouer sur le <td> mais sur l'image, seulement dans ton premier code il-y-a des erreurs de ' et ". Essaie ceci

Code : Tout sélectionner

<td><img id="image1" src="carte<?php echo $num1?>.jpg" width="170" height="130" style="visibility:hidden"    onClick="document.getElementsById('image1').style.visibility='visible'"></td>

25 oct. 2006, 00:51

Re,

Je n'avais pas bien lu ton titre (visible - invisible)
Regarde ce post ça t'aidera surement.

25 oct. 2006, 08:33

à tout hasard, je te suggère de remplacer :

<?php echo $num1?>

par :

<?php echo $num1; ?>

C'est plus propre...

Rendre une image invisible visible

Qui est en ligne