Discussion :

[HWICE]

Bonjour

J'ai trouver un tit script pour pouvoir mettre des png dans mes page web. Tout fonction mais la seul chose s'est que si jai un lien dessu(ou dans mon cas image survoller et un lien) l'image est comme inactive

voici le script en question:

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
<script>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";
}
}</script>

comment faire pour que mes images survolées fonction

merci

[Candygirl]

Hello,

Sauf erreur, de leur attribuer un position:relative devrait les rendre actif.

[SpaceFrog]

une petite recherche sur le forum et tu trouveras une réponse que j'ai postée ...
il en fait mettre le png en background et mettre une image gif transparente au dessus ...

[HWICE]

Mais si je mets un gif, ca me sert a rien de mettre un PNG. Je ne veux pas etre oubliger de faire 2 images.

[HWICE]

Candygirl

Je ne comprend pas trop se que tu veux dire

[SpaceFrog]

si tu avais bien lu ma réponse ...le script qui permet à IE d'afficher correctement le png mets en fait l'image en background d'un div ... et donc par dessus tu mets un gif transparent qui lui portera le map ...