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:
Die Bilder sollen sich also beim reinfahren um einen gewissen winkel drehen.
wie kriege ich dieses rotateAnimation eingbaut ?
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: