Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript">
- $(document).ready(function(){
- //This keeps track of the slideshow's current location
- var current_panel = 1;
- //Controlling the duration of animation by variable will simplify changes
- var animation_duration = 2500;
- $.timer(6000, function (timer) {
- //Determine the current location, and transition to next panel
- switch(current_panel){
- case 1:
- $("#slideshow").stop().animate({left: "-960px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
- current_panel = 2;
- break;
- case 2:
- $("#slideshow").stop().animate({left: "0px", top: "-350px"}, {easing: 'easeOutBack', duration: animation_duration});
- current_panel = 3;
- break;
- case 3:
- $("#slideshow").stop().animate({left: "-960px", top: "-350px"}, {easing: 'easeOutBack', duration: animation_duration});
- current_panel = 4;
- break;
- case 4:
- $("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
- current_panel = 1;
- break;
- timer.reset(12000);
- }
- });
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement