Discussion :

[calitom]

Bonjour,

Je cherche à rendre possible la transparence des png sur internet explorer.
J'ai trouvé un script permettant de gérer ce problème.
Le problème est que j'aurais besoin de forcer l'éxecution de ce script.
Mais il y a certaines instructions que je ne comprend pas...
Voic le code source du fichier où il y a ce script(png.htc):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<public:component>
<public:attach event="onpropertychange" onevent="propertyChanged()" />
<script>
 
var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) && navigator.platform == "Win32";
var realSrc;
var blankSrc = "blank.gif";
 
 
if (supported) fixImage();
 
function propertyChanged() {
if (!supported) return;
 
var pName = event.propertyName;
if (pName != "src") return;
// if not set to blank
if ( ! new RegExp(blankSrc).test(src))
fixImage();
};
 
function fixImage() {
// get src
var src = element.src;
 
// check for real change
if (src == realSrc) {
element.src = blankSrc;
return;
}
 
if ( ! new RegExp(blankSrc).test(src)) {
// backup old src
realSrc = src;
}
 
// test for png
if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
// set blank image
element.src = blankSrc;
// set filter
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
src + "',sizingMethod='scale')";
}
else {
// remove filter
element.runtimeStyle.filter = "";
}
}
</script>
</public:component>

Puis voici le code à mettre dans la page ou je veux que ce script s'execute:

Code :

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

1
2
3
4
5
6
 
<style>
img{
  behavior: url("pngbehavior.htc");
}
</style>

Puis le code sur la balise ou je veux effectuer la transparence:

Code :

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

1
2
<img src="images/produits/<? echo $refs_produits[0];?>02.png" id="imagetshirt" class="png" />

Je veux savoir comment je peux forcer l'appel de ce script...
Tout marche niquel, mais sur ma page il y a la possibilité de changer la couleur de l'image. Ceci se fait en javascript(je fais une modification du src de l'element img ayant pour id=imagetshirt). Et lorsque je fais appel a ce javascript, ca ne provoque pas l'execution du script de transparence...

Alors comment faire pour forcer l'execution de ce script?

Je pense que c'est la deuxième ligne du fichier png.htc qui défini l'exécution de celui ci, mais j'ai besoin d'aide pour comprendre comment il fonctionne exactement...

Merci d'avance de votre aide.

[calitom]

Pour être plus clair, je voudrais modifier le fichier png.htc, pour que le cript s'execute lorsque l'attribut src de la balise img est modifié...

En gros si j'ai:
<img src="image1.png"...>

Et que à l'aide d'une autre fonction javascript je modifie src comme ceci:
<img src="image2.png"...>

Alors je souhaite que ce script permettant la transparence s'applique aussi à l'image2...

Si je ne suis pas assez clair dans mon explication n'hésitez à me demander...