Cacher une image en java script
Résolu
amani
-
amani -
amani -
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?
<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?
2 réponses
-
Bonjour,
getElementByClassName('wrapper')[0]
0 étant l'index, car par définition il peut y avoir plusieurs éléments de même class doncgetElementByClassName
te retournera toujours un tableau.
-
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