Posted By

ryarwood on 03/08/11


Tagged

javascript jquery animation cycle


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

maltem


jQuery Cycle Front Page Animation - scrollUp/scrollDown Version


 / Published in: jQuery
 

URL: http://livecolonypark.com.s121160.gridserver.com/

Front page animation for Colony Park

  1. var onAfterStateOne = 'first';
  2.  
  3. $('#frontImg3').cycle({
  4. fx: 'scrollUp',
  5. //direction: 'up',
  6. speed: 900,
  7. timeout: 7000
  8. });
  9.  
  10. $('#frontImg2').cycle({
  11. fx: 'scrollDown',
  12. speed: 900,
  13. timeout: 0
  14. });
  15.  
  16. $('#frontImg1').cycle({
  17. fx: 'scrollUp',
  18. speed: 900,
  19. timeout: 7000,
  20. after: onAfterOne
  21. });
  22.  
  23. function onAfterOne() {
  24. if (onAfterStateOne == 'first') {
  25. onAfterStateOne = 'nope';
  26. } else {
  27. $('#frontImg2').cycle('next');
  28. }
  29. }

Report this snippet  

You need to login to post a comment.