eliminer le fond gris d'un background en format png depuis javascript

**karimphp** · 01/11/2007, 00h59

salut
j'ai un souci d'éliminer le fond gris d'une background en png d'un div depuit javascript , je suis obligé de le faire a partir de ma fonction javascript.
je sais le faire de puis le css mais je ne sais pas comment le faire a partir du javascript
dans mon cas je veux faire lorsque le visiteur fait click sur un div le background actuelle de ce div se change par un autre background et si il refait le click le backround d'origine qui s'affiche de nouveau et vise ver sa
voila le code simple pour des images gif

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script language="javascript">
function affiche(nbr1)
{
if(nbr==1){
document.getElementById(divim1).style.background="url(images/fondimage1.gif)";
}
if(nbr==2){
document.getElementById(divim1).style.background="url(images/fondimage2.gif)";
}
}
</script>

Code :

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

1
2
 
<div id="divim1" onClick="javascript:affiche(1)">

au lieu de .gif je veux .png en eliminant le fond gris
merci d'avance

**FremyCompany** · 01/11/2007, 11h51

Code :

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

document.getElementById("divim1")

**karimphp** · 01/11/2007, 12h00

merci juste j'ai oublié de mettre les cotes dans ce message .
comment appliqué le filtre de transparence sur une image depuit le javascript

**karimphp** · 01/11/2007, 22h15

il ya pas de réponse a ce problème ?

**roro06** · 02/11/2007, 11h04

Bonjour

le "fond gris" du png est un bug d'Internet Explorer jusqu'a la version 6 qui ne gérait pas la transparence alpha des png. Cela a été corrigé dans la version 7. Il est vrai que la version 6 est encore très utilisée. Les autres navigateurs gèrent tous (à ma connaissance) cette transparence. Plusieurs solutions : Passez à la version 7; changer de navigateur; utiliser un script dédié à ça, il en existe plusieurs "tout fait", en particulier faire une recherche google sur "sleight.js" et "sleightbg.js", que j'ai réussi à mettre en oeuvre, non sans difficultés, d'ailleurs. Il faudra sans doute modifier ta fonction affiche pour appliquer les filtres utilisés de manière dynamique : un "joyeux bordel" en perspective.