non riesco a metterlo in loop..

[dok284]

Ciao a tutti, questo è il mio primo messaggio sul forum! è sbalorditivo come per anni abbia tovato risposte su questo sito senza mai fare domande.. ergo: complimentoni a tutti quelli che lavorano con html.it !!

Detto ciò,
ho un'immagine che deve lampeggiare (con dissolvenza..) all'infinito. Cercando quì e in giro per il web sono arrivato a questo punto..

questo nel file html:

<script type="text/Javascript" src="fade.js"></script>
<script type="text/Javascript">
var imageId="relax";
document.write("<style type='text/CSS'> #"+ imageId +"{visibility:visible;} </style>");
window.onload = function(){initImage2(imageId)};
</script>

e poi..

<div id="imagecontainer">[img]images/HOME/velluto.png[/img]</div>

e questo fade.js:

function initImage2(objId){
image = document.getElementById(objId);
setOpacity(image, 100);
image.style.visibility = 'visible';
fadeIn(objId,0);
}

function setOpacity(obj,opacity){
opacity=(opacity==100) ? 99.999 : opacity;
obj.style.filter = "alpha(opacity:"+opacity+")"; // IE/Win
obj.style.KHTMLOpacity = opacity/100; // Safari<1.2, Konqueror
obj.style.MozOpacity = opacity/100; // Older Mozilla and Firefox
obj.style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
}

function fadeIn(objId,opacity){
if(!document.getElementById) return;
obj = document.getElementById(objId);
if(opacity <= 100){
setOpacity(obj,opacity);
opacity += 1;
window.setTimeout("fadeIn('"+objId+"',"+opacity+") ", 100);
}
else {
function fadeOut(objId,opacity){
if(!document.getElementById) return;
obj = document.getElementById(objId);
if(opacity >= 0){
setOpacity(obj,opacity);
opacity -= 10;
window.setTimeout("fadeOut('"+objId+"',"+opacity+" )", 100);
}
}
}}

il mio problema (per ora..) è che non funziona il fadeOut una volta terminato il fadeIn, poi mi "sbatterò" per metterlo in loop (per farlo girare all'infinito).

Che sono gnubissimo penso si capisca già da quì.. se qualche buon'anima riesce ad aiutarmi gliene sarei infinitamente grato!

[Xinod]

perche' la funzione fadeOut e' definita all' interno di fadeIn
dovrebbero essere due funzioni distinte

[dok284]

tipo così?..

[CODE]
function initImage(objId){
image = document.getElementById(objId);
setOpacity(image, 100);
image.style.visibility = 'visible';
fadeOut(objId,100);
}

function initImage2(objId){
image = document.getElementById(objId);
setOpacity(image, 100);
image.style.visibility = 'visible';
fadeIn(objId,0);
}

function fadeIn(objId,opacity){
if(!document.getElementById) return;
obj = document.getElementById(objId);
if(opacity <= 100){
setOpacity(obj,opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+") ", 100);
}
}

function fadeOut(objId,opacity){
if(!document.getElementById) return;
obj = document.getElementById(objId);
if(opacity >= 0){
setOpacity(obj,opacity);
opacity -= 10;
window.setTimeout("fadeOut('"+objId+"',"+opacity+" )", 100);
}
}


e poi nell'html ho provato a mettere questo , ma non va comunque..

<script type="text/Javascript">
var imageId="relax";
document.write("<style type='text/CSS'> #"+ imageId +"{visibility:visible;} </style>");
window.onload = function(){initImage2(imageId),initImage(imageId)} ;
</script>