Below is the script i used. If you want to fadeout any image after page was loaded, you can use this code. It is working ...
HTML part
<body onLoad="settime()">
<img id="click" src="refine.gif" />
Add below script into your <head> tag.
<script type="text/javascript">
function settime()
{
setTimeout("slowly.fade('click')",3000);
}
var opacity = 96;
var slowly = {
fade : function (id) {
this.fadeLoop(id, opacity);
},
fadeLoop : function (id, opacity) {
var o = document.getElementById(id);
if (opacity >= 30) {
slowly.setOpacity(o, opacity);
opacity -= 4;
window.setTimeout("slowly.fadeLoop('" + id + "', " + opacity + ")", 150);
} else {
o.style.display = "none";
}
},
setOpacity : function (o, opacity) {
o.style.filter = "alpha(style=0,opacity:" + opacity + ")"; // IE
o.style.KHTMLOpacity = opacity / 100; // Konqueror
o.style.MozOpacity = opacity / 100; // Mozilla (old)
o.style.opacity = opacity / 100; // Mozilla (new)
}
}
</script>
Guys if you find any better way to do this best revert me ... thanks
No comments:
Post a Comment