Lien sur image ie6

Version imprimable

22/01/2008, 10h38
Myfred

Lien sur image ie6

Bonjour à tous,
je viens vers vous concernant un petit problème apercu sur ie6. ( ff et ie7 ok)
Lorsque je fais un lien de ce type:

<a href="exemple.html"><img src="img/exemple.png" alt="" onmouseover="this.src='img/exemple2.png';" onmouseout="this.src='img/exemple.png';"/></a>

je n'ai ni cursor "hand" qui s'affiche, ni le changement d'image.
le lien quand à lui, est correct.

Et ca fait ca, sur tous les onmouseover et onmouseout avec ie6.

Avez vous une solution à proposer?
par avance, merci.

Je viens de trouver pourquoi aucun lien sur une image ne marche sur ie6.

En faite, j'utilise un javascript pour que ie <7 puisse gérer la transparance des png24.

Lorsque je retire l'appel a ce script, biensur j'ai des pb sur la transparence, mais j'ai le pointer afficher, et les evenements (oumouseover et onmouseout) fonctionnent.

Je sais pas si c'est modifiable, mais voici le script js 'png24_ie.js':

Code:

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
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
        window.attachEvent("onload", alphaBackgrounds);
 
        document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
        window.attachEvent("onload", fnLoadPngs);
}
// Sleight Background
function alphaBackgrounds(){
        var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
        var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
        for (i=0; i<document.all.length; i++){
                var bg = document.all[i].currentStyle.backgroundImage;
                if (itsAllGood && bg){
                        if (bg.match(/\.png/i) != null){
                                var mypng = bg.substring(5,bg.length-2);
                                document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
                                document.all[i].style.backgroundImage = "url('/assets/images/x.gif')";
                        }
                }
        }
}
// Sleight Simple
function fnLoadPngs()
{
        var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
        var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
 
        for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--)
        {
                if (itsAllGood && img.src.match(/\.png$/i) != null)
                {
                        var src = img.src;
                        var div = document.createElement("DIV");
                        div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizing='scale')"
                        div.style.width = img.width + "px";
                        div.style.height = img.height + "px";
                        img.replaceNode(div);
                }
                img.style.visibility = "visible";
        }
}

22/01/2008, 14h45
le_chomeur

sinon rajoute une class css pour indiquer que ce type de lien doit utiliser le cursor hand ...
22/01/2008, 15h47
Myfred

j'y ai pensé, mais j'aurais toujours mon pb de "onmouseover" et "onmouseout"...
22/01/2008, 16h05
le_chomeur

tu laisses ton script + le css qui gère le curseur
22/01/2008, 16h09
Myfred

ah bon, parce que c'est le pointer hand, qui déclenche les evenements js?
je vais essayer, je trouve ca drole mais bon...
22/01/2008, 16h16
Myfred

c'est bien ce qu'il me semblait, ca change rien au faite des évenements js...
22/01/2008, 16h47
le_chomeur

Autant pour moi , j'étais focalisé sur :

Citation:

je n'ai ni cursor "hand" qui s'affiche, ni le changement d'image.

et j'en ai oublié ton changement d'image :)

Si je ne m'abuse , ton image passe en fond d'une div créer dynamiquement
essaye de mettre un lien entourant ton image et de mettre ton mouseover/out sur ce lient et non sur l'image ;)