div verwijderen na animatie

[IT07]

Beste forumleden,

Na veel zoek frustraties op google ga ik het toch maar zelf hier vragen:
Hoe kan ik met deze code ervoor zorgen dat de div waar het effect op is toegepast
word verwijderd nadat het effect is gestopt?

[JS]// JavaScript Document

function zxcAnimate(mde,obj,srt){
this.to=null;
this.obj=typeof(obj)=='object'?obj:document.getElementById(obj);
this.mde=mde.replace(/\W/g,'');
this.data=[srt||0];
return this;
}

zxcAnimate.prototype={

animate:function(srt,fin,ms,scale,c){
clearTimeout(this.to);
this.time=ms||this.time||0;
this.neg=srt<0||fin<0;
this.data=[srt,srt,fin];
this.mS=this.time*(!scale?1:Math.abs((fin-srt)/(scale[1]-scale[0])));
this.c=typeof(c)=='string'?c.charAt(0).toLowerCase():this.c?this.c:'';
this.inc=Math.PI/(2*this.mS);
this.srttime=new Date().getTime();
this.cng();
},

cng:function(){
var oop=this,ms=new Date().getTime()-this.srttime;
this.data[0]=Math.floor(this.c=='s'?(this.data[2]-this.data[1])*Math.sin(this.inc*ms)+this.data[1]:this.c=='c'?this.data[2]-(this.data[2]-this.data[1])*Math.cos(this.inc*ms)this.data[2]-this.data[1])/this.mS*ms+this.data[1]);
this.apply();
if (ms<this.mS) this.to=setTimeout(function(){oop.cng()},10);
else {
this.data[0]=this.data[2];
this.apply();
if (this.Complete) this.Complete(this);
}
},

apply:function(){
if (isFinite(this.data[0])){
if (this.data[0]<0&&!this.neg) this.data[0]=0;
if (this.mde!='opacity') this.obj.style[this.mde]=this.data[0]+'px';
else zxcOpacity(this.obj,this.data[0]);
}
}

}

function zxcOpacity(obj,opc){
if (opc<0||opc>100) return;
obj.style.filter='alpha(opacity='+opc+')';
obj.style.opacity=obj.style.MozOpacity=obj.style.WebkitOpacity=obj.style.KhtmlOpacity=opc/100-.001;
}

function FadeOut(id,ms) {
var oop=new zxcAnimate('opacity',id);
oop.animate(100,0,ms);
}

setTimeout(function(){ FadeOut('fade_frame',1500); },1500);

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filterrogidXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

[/JS]

de DIV "fade_frame" word volledig over de pagina verspreid met een width en height van 100%. de DIV heeft ook een achtergrond die volledig over de pagina is herhaald.
onder die DIV is de hele site geplaatst met menu en frames enzo.
Op dit moment werkt de fadeout wel, alleen kan ik niet bij de site laag die onder de
"fade_frame" DIV zit. Er kan niet op worden geklikt zeg maar.
de fadeout div bevat een paar plaatjes bedoeld als korte intro op de site,
die daarna weer weg gaat.

Hoe moet de code eruit zien? alsjeblieft heel simpel uitleggen, want ik ben nog een
newbie in javascript. Alvast hartelijk bedankt.

Groeten,
IT07.

 

[csshunter]

Hoi IT07,
Met alleen dit script zie je moeilijk waar het in de praktijk om draait, en hoe het probleem te ondervangen kan zijn.

• Heb je een testpagina waarop we alles in werking kunnen zien?
• Waar komt het script vandaan, en zit daar ook een toelichting bij?

Met vriendelijke groet,
CSShunter