frank0703: Rollover / Bildwechsel

Beitrag lesen

SELF-Forum

Rollover / Bildwechsel

frank0703
– Informationen zu den Bewertungsregeln

Hallo,

nach einigen Stunden der Suche und ausprobieren, werfe ich das Handtuch und bitte um Eure Hilfe.
Also ich habe ein animiertes Männchen, welches automatisch von links nach rechts gehen soll, dann folgt der Bilderwechsel auf das Männchen, das von rechts nach links geht.
Ich bekomme es hin, dass das Männchen ohne Bildwechsel von links nach rechts und umgekehrt geht, aber dann geht es zurück ja rückwärts.

Es darf auch gerne ein ganz anderes Script sein. Hauptsache das klappt.

Vielen Dank für Eure Mühe.

  
...  
<script type="text/javascript" src="script/lib/prototype.js"></script>  
<script type="text/javascript" src="script/src/scriptaculous.js"></script>  
<script type="text/javascript">  
  
   Rollimage = new Array()  
  
   Rollimage[0]= new Image(25,30)  
   Rollimage[0].src = "wachmann.gif"  
  
   Rollimage[1] = new Image(25,30)  
   Rollimage[1].src = "wachmann_links.gif"  
  
  
   function moveRight(){  
   	Effect.MoveBy('Rollimage[0].src', 0, 100,  
	 {duration:5, transition:Effect.Transitions.sinoidal, afterFinish: moveLeft});  
   }  
  
   function moveLeft(){  
   	Effect.MoveBy('Rollimage[1].src', 0, -100,  
	 {duration:5, transition:Effect.Transitions.sinoidal, afterFinish: moveRight});  
   }  
   </script>  
   </head>  
  
   <body onload="moveRight();">  
   <div style="width:250px; height:300px; position:absolute;">  
   <img src="wachmann.gif" id='Rollimage[0].src' style="position:absolute; left:120px; z-index:1;" />  
   </div>  
  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln