Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function slider_animate() {
- var slider = $('.slider'),
- slide1 = slider.find('.slide1'),
- slide2 = slider.find('.slide2'),
- caption1 = slide1.find('.caption1'),
- caption2 = slide2.find('.caption2'),
- avatar1 = slide1.find('.avatar1'),
- avatar2 = slide2.find('.avatar2'),
- heart1 = slide1.find('.heart1'),
- heart2 = slide2.find('.heart2'),
- duration = 650;
- caption1.animate({left: '0px'}, duration, function() {
- avatar1.animate({right: '0px'}, duration, function() {
- heart1.animate({right: '430px'}, duration, function() {
- slide1.delay(duration*2).fadeOut(400, function() {
- slide2.fadeIn(400, function() {
- caption2.animate({right: '0px'}, duration, function() {
- avatar2.animate({left: '0px'}, duration, function() {
- heart2.animate({left: '830px'}, duration);
- });
- });
- });
- });
- });
- });
- });
- reset();
- }
- function reset() {
- var slider = $('.slider'),
- slide1 = slider.find('.slide1'),
- slide2 = slider.find('.slide2'),
- caption1 = slide1.find('.caption1'),
- caption2 = slide2.find('.caption2'),
- avatar1 = slide1.find('.avatar1'),
- avatar2 = slide2.find('.avatar2'),
- heart1 = slide1.find('.heart1'),
- heart2 = slide2.find('.heart2'),
- duration = 650;
- slide1.css('left', '-300px');
- slide2.css('left', '-300px');
- caption1.css('left', '-300px');
- caption2.css('left', '-300px');
- avatar1.css('left', '-300px');
- avatar2.css('left', '-300px');
- heart1.css('left', '-300px');
- heart2.css('left', '-300px');
- }
- setInterval(slider_animate, 10000);
Add Comment
Please, Sign In to add comment