Abend All,

ich möchte zu meinem Script eine "bessere" Übergang Animation. D.h. ich habe bereits ein Script der meine "6" Bilder die in "einer reihe" sind immer durch ein anderes ersetzt.
Die Bilder sollen nicht alle auf einmal ersetzt werden sondern eins nach dem anderen, mein Script tut es bereits hervorragend ABER bei dem wechsel blendet er einfach ein anderes Bild schnell ein, ich möchte aber das er das Bild durch eine Dreh-Animation wechselt, wie hier auf dieser Seite mit dem CurtainX Effekt.

Hier ist der Script:

PHP-Code:

<script language="javascript" type="text/javascript">
var typ = 0;
var bild = 0;
 
window.setTimeout("start()", 5000);
 
function start() {
    change = window.setInterval("bildwechsel()", 1000);
}
 
function bildwechsel () {

bilder = new Array("images/7.jpg", "images/8.jpg", "images/9.jpg", "images/10.jpg", "images/11.jpg", "images/12.jpg", "images/1.jpg", "images/2.jpg", "images/3.jpg", "images/4.jpg", "images/5.jpg", "images/6.jpg");

if (typ == 0) {
    document.getElementById("bild" + (bild+1)).src = bilder[bild];
} else {
    document.getElementById("bild" + (bild+1)).src = bilder[(bild + 6)];
}
 
if (bild < 5) {
    bild++;
} else {
    bild = 0;
    if (typ == 0) {
        typ = 1;
    } else if (typ == 1) {
        typ = 0;
    }
    window.clearInterval(change);
    window.setTimeout("start()", 5000);
}
 
}
</script>
<img src="images/1.jpg" width="120px" height="120px" style="border: 0px;" id="bild1"/>
<img src="images/1.jpg" width="120px" height="120px" style="border: 0px;" id="bild2"/>
<img src="images/1.jpg" width="120px" height="120px" style="border: 0px;" id="bild3"/>
<img src="images/1.jpg" width="120px" height="120px" style="border: 0px;" id="bild4"/>
<img src="images/1.jpg" width="120px" height="120px" style="border: 0px;" id="bild5"/>
<img src="images/1.jpg" width="120px" height="120px" style="border: 0px;" id="bild6"/> 


Bei Interesse bitte Private Nachricht an mich. Danke Euch
ps: Bitte gleich die Kosten und die Dauer angeben.

Gruß arraybreak