nicht angemeldet
Hallo, ich habe einen Javascriptcode gefunden der mir den weichen Fade macht.
Nur folgendes Prob: ich habe 4 Bilder und brauche den Code deshalb 4 mal (die bilder sollen sich nicht immer gleichzeitig ändern) Den Code habe ich nicht so ändern können (ich bin wohl zu blöd) dass ich ihn paralle verwenden kann.
Zur Verständlichkeit: http://www.ff-ebbs.at
Rechts oben sind die besagten vier Bilder (retten, löschen, schützen, bergen). Stellt euch hinter jedem der Bilder fünf weiter vor. Jetzt soll z.B. beim ersten bild alle 5 sec. zum nächsten gefadet werden, beim zweiten rechts daneben alle 7 zum nächsten usw...
Den Code habe ich hier gefunden: http://www.jojoxx.net/jscript/archive/show.asp?id=85
Folgende Optionen:
Die Zahl, welche für die Aktualisierungszeit steht als VAriable setzen und in den code eine feature ienbauen, das eine ganzzahlige zufallszahl(also in 1000er schritten) zwischen 10000 und 30000 generiert - Dann brauche ich den Code ja nicht vier mal weil dann sowiso jedes bild immer anderst aktualisiert wird und somit muss ich keine vier verschiedenen zeiten einstellen.
Andere Option: Den Code so anpassen, dass man ihn paralle verwenden kann.
Da ich absolut keine Ahnung bzw. nur sehr Wenig Ahnung von JavaScript habe, bitte ich euch, mir zu helfen.
Der Code ist hier:
code:
----------------------------------------------------------------------
<div id="Picfield1" style="position:absolute; left:50px; top:50px; width:115px; height:70px; z-index:1">
<div id="fadea" style="position:absolute;visibility:hidden;"><img src="http://riflpages.webmasternet.de/ff-ebbs/images/animation/retten/01.gif" width="115" height="70" alt="Fade"/></div>
<div id="fadeb" style="position:absolute;visibility:hidden;"><img src="http://riflpages.webmasternet.de/ff-ebbs/images/animation/retten/02.gif" width="115" height="70" alt="Fade"/></div>
<div id="fadec" style="position:absolute;visibility:hidden;"><img src="http://riflpages.webmasternet.de/ff-ebbs/images/animation/retten/03.gif" width="115" height="70" alt="Fade"/></div>
<div id="faded" style="position:absolute;visibility:hidden;"><img src="http://riflpages.webmasternet.de/ff-ebbs/images/animation/retten/04.gif" width="115" height="70" alt="Fade"/></div>
<div id="fadee" style="position:absolute;visibility:hidden;"><img src="http://riflpages.webmasternet.de/ff-ebbs/images/animation/retten/05.gif" width="115" height="70" alt="Fade"/></div>
<div id="fadef" style="position:absolute;visibility:hidden;"><img src="http://riflpages.webmasternet.de/ff-ebbs/images/animation/retten/06.gif" width="115" height="70" alt="Fade"/></div>
</div>
<script type="text/javascript">
var divs=["fadea","fadeb","fadec"];
var zindex=0;
function fade(n,diff,opacity){
id=divs[n];
opacity=(opacity)?opacity:(diff<0)?100:0; opacity+=diff;
if(document.getElementById&&document.all){
document.getElementById(id).style.filter="alpha(opacity="+opacity+")";
}else if(document.getElementById&&!document.all){
document.getElementById(id).style.MozOpacity = opacity/100;
}
document.getElementById(id).style.visibility="visible";
if(opacity>=99){
zindex++;
document.getElementById(id).style.zIndex=zindex;
setTimeout("fade("+n+",-"+diff+","+opacity+");",2000);
nn=(n==divs.length-1)?0:n+1;
setTimeout("fade("+nn+","+diff+");",2000);
} else if(opacity>0){
setTimeout("fade("+n+","+diff+","+opacity+");",30);
}
}
fade(0,1);
</script>
--------------------------------------
Für andere und weitere Ideen bin ich offen.
mfg RiFl