Bilder bei Animation drehen (jQuery)

DiDiJo

Erfahrenes Mitglied
Hi Leute,

ich arbeite gerade an einem Header indem Bilder reingefahren werden sollen:
hier das Beispiel

Die Bilder werden jetzt schon wie gewünscht reingefahren. Nun möchte ich, dass die Bilder beim reinfahren gedreht werden. Ein Rotation PLugin habe ich schon gefunden (klick 4 plugin) aber ich hab keine Ahnung wie ich das in mein Animations-Script einfügen soll.

Hier mal mein Quellcode:
PHP:
<script src="js/jQuery.js" type="text/javascript" language="javascript"></script>
<script src="js/jQueryRotate.js" type="text/javascript" language="javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
$(function() {
	
	$('#image1').animate({
		top:-50, 
		left: 50
		}, 1000, 'swing', function() {
								
			$('#image2').animate({
				top:65, 
				left: 395
				}, 1000, 'swing', function() {
				
					$('#image3').animate({
						top:90, 
						left: 650
						}, 1000, 'swing');	
				});						
		});
	
						
});
</script>

<div id="out">
	<div id="header">
    	<div id="imageHolder">
            <img id="image1" src="pics/sp/1.jpg" alt=""/>
            <img id="image2" src="pics/sp/2.jpg" alt=""/>
            <img id="image3" src="pics/sp/3.jpg" alt=""/>        
        </div>
  </div>
</div>

Die Bilder sollen sich also beim reinfahren um einen gewissen winkel drehen.

wie kriege ich dieses rotateAnimation eingbaut ?
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück