SkYlEsS
Elite
Au cas où, quelqu'un n'aurait pas un script pour un fondu sur image au passage de la souris ?
Sinon, j'n'comprends pas pourquoi ce script ne fonctionne pas :
Sinon, j'n'comprends pas pourquoi ce script ne fonctionne pas :
Code:
<html>
<head>
<script language="JavaScript">
var userAgent = navigator.userAgent.toLowerCase();
var is_opera = (userAgent.indexOf('opera') != -1);
var is_saf = ((userAgent.indexOf('applewebkit') != -1) || (navigator.vendor == "Apple Computer, Inc."));
var is_webtv = (userAgent.indexOf('webtv') != -1);
var is_ie = ((userAgent.indexOf('msie') != -1) && (!is_opera) && (!is_saf) && (!is_webtv));
var is_moz = ((navigator.product == 'Gecko') && (!is_saf));
var is_kon = (userAgent.indexOf('konqueror') != -1);
function fadeOn(element)
{
fade(element, 100, 'true');
}
function fadeOff(element){
fade(element, 40, 'false');
}
function fade(image, max, sens)
{
if(sens)
{
if(is_ie)
{
if (image.filters.alpha.opacity < max)
{
image.filters.alpha.opacity++;
setTimeout("fade(image, max, sens)",80);
}
else
{
clearTimeout("fade(image, max, sens)");
}
}
else if (is_moz)
{
i = parseFloat(objet.style.getPropertyValue("-moz-opacity"));
i += parseFloat(0.1);
objet.style.setProperty("-moz-opacity", i, "");
if (i >= 1)
{
clearTimeout("fade(image, max, sens)");
}
else
{
setTimeout("fade(image, max, sens)",80);
}
}
else if(is_kon)
{
i = parseFloat(objet.style.getPropertyValue("-khtml-opacity"));
i += parseFloat(0.1);
objet.style.setProperty("-khtml-opacity", i, "");
if (i >= 1)
{
clearTimeout("fade(image, max, sens)");
}
else
{
setTimeout("fade(image, max, sens)",80);
}
}
else
{
i = parseFloat(objet.style.getPropertyValue("opacity"));
i += parseFloat(0.1);
objet.style.setProperty("opacity", i, "");
if (i >= 1)
{
clearTimeout("fade(image, max, sens)");
}
else
{
setTimeout("fade(image, max, sens)",80);
}
}
}
else
{
if(is_ie)
{
if (image.filters.alpha.opacity > max)
{
image.filters.alpha.opacity--;
setTimeout("fade(image, max, sens)",0.1);
}
else
{
clearTimeout("fade(image, max, sens)");
}
}
else if (is_moz)
{
i = parseFloat(objet.style.getPropertyValue("-moz-opacity"));
i -= parseFloat(0.1);
objet.style.setProperty("-moz-opacity", i, "");
if (i <= 0.5)
{
clearTimeout("fade(image, max, sens)");
}
else
{
setTimeout("fade(image, max, sens)",80);
}
}
else if(is_kon)
{
i = parseFloat(objet.style.getPropertyValue("-khtml-opacity"));
i -= parseFloat(0.1);
objet.style.setProperty("-khtml-opacity", i, "");
if (i <= 0.5)
{
clearTimeout("fade(image, max, sens)");
}
else
{
setTimeout("fade(image, max, sens)",80);
}
}
else
{
i = parseFloat(objet.style.getPropertyValue("opacity"));
i -= parseFloat(0.1);
objet.style.setProperty("opacity", i, "");
if (i <= 0.5)
{
clearTimeout("fade(image, max, sens)");
}
else
{
setTimeout("fade(image, max, sens)",80);
}
}
}
}
</script>
</head>
<body>
<img src="http://www.script-masters.com/home/graphisme/logo_175x100.jpg" id="img" border="0" style="filter:alpha(opacity=40); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;" onmouseover="fadeOn(this);" onmouseout="fadeOff(this);" />
</body>
</html>