Cacher une image en java script

Résolu/Fermé
amani - 10 sept. 2013 à 21:58
 amani - 26 sept. 2013 à 02:31
j'ai une image définit dans une page HTML dans la classe wrapper comme suivant:

<div class="wrapper">
<img src="http://demoscreen.stage.wi1projects.com/sites/dlr.wi1projects.com/files/imagecache/user-s/imagefield_default_images/logo_light_0.png">
</img>
</div>

j'ai utilisé la fonction suivante qui sert à recuperer l'image de la devision ayant une classe nommée wrapper comparer la source de l'image a une source donné puis effectuer un effet de transparence à l'image obtenue:

function hideImage() {

if (document.getElementById) {
if (document.getElementByClassName('wrapper').getAttribute('src') =="http://demoscreen.stage.wi1projects.com/sites/dlr.wi1projects.com/files/imagecache/user-s/imagefield_default_images/logo_light_0.png")
{
document.style.visibility = 'hidden';

}
}
};
hideImage();

apprés l'appel de la fonction rien ne se passe, j'ai testé le codé par un alert javascript et j'ai decouvert que le programme n'entre pas dans la deusiéme bucle if.
des Idées?
A voir également:

2 réponses

gardiendelanuit Messages postés 1770 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
24 sept. 2013 à 14:21
Bonjour,

getElementByClassName('wrapper')[0]

0 étant l'index, car par définition il peut y avoir plusieurs éléments de même class donc
getElementByClassName
te retournera toujours un tableau.
1
Merci bonne idée :) j'ai essayé autrement et ça marche
0
En cas ou quelqu'un a besoin de meme truc voilà la solution:
http://jsfiddle.net/amani1988/QCwVg/4/
juste uncomment la fonction hideimage et run
0