Демо окно №1 - эффекты.
<Закрыть окно>
Для удобства просмотра, кликните по названию эффекта в списке или на сам пример, чтобы оставить на странице только его.

  • scrollDown
  • blindX
  • blindY
  • blindZ
  • scrollUp
  • cover
  • curtainX
  • curtainY
  • scrollLeft
  • scrollRight
  • scrollHorz
  • scrollVert
  • fade
  • fadeZoom
  • growX
  • growY
  • shuffle
  • slideX
  • slideY
  • toss
  • turnUp
  • turnDown
  • turnLeft
  • turnRight
  • uncover
  • wipe
  • zoom

1. scrollDown

$('#scrollDown')
.cycle('scrollDown');

2. blindX

$('#blindX').cycle({ 
    fx:      'blindX', 
    speed:    1000, 
    timeout:  2000,
    pause:  1
});

3. blindY

$('#blindY').cycle({ 
    fx:      'blindY', 
    speed:    1000, 
    timeout:  2000,
    random: 1 
}); 

4. blindZ

$('#blindZ').cycle({ 
    fx:      'blindZ', 
    speed:    1000, 
    timeout:  2000,
    random: 1 
}); 

5. scrollUp

$('#scrollUp').cycle({ 
    fx:      'scrollUp', 
    easing: 'bouncein', 
    delay:  -2000 
}); 

6. cover

$('#cover').cycle({ 
    fx:      'cover', 
    speed:    1000, 
    timeout:  2000
}); 

7. curtainX

$('#curtainX').cycle({ 
    fx:      'curtainX', 
    speed:    1000, 
    timeout:  2000
}); 

8. curtainY

$('#curtainY').cycle({ 
    fx:      'curtainY', 
    speed:    1000, 
    timeout:  2000
}); 

9. scrollLeft

$('#scrollLeft').cycle({ 
    fx:      'scrollLeft', 
    speed:    1000, 
    timeout:  2000
}); 

10. scrollRight

$('#scrollRight').cycle({ 
    fx:      'scrollRight', 
    speed:    1000, 
    timeout:  2000
}); 

11. scrollHorz

$('#scrollHorz').cycle({ 
    fx:      'scrollHorz', 
    speed:    1000, 
    timeout:  2000
}); 

12. scrollVert

$('#scrollVert').cycle({ 
    fx:      'scrollVert', 
    speed:    1000, 
    timeout:  2000
}); 

13. fade

$('#fade').cycle({ 
    fx:      'fade', 
    speed:    1000, 
    timeout:  2000
}); 

14. fadeZoom

$('#fadeZoom').cycle({ 
    fx:      'fadeZoom', 
    speed:    1000, 
    timeout:  2000
}); 

15. growX

$('#growX').cycle({ 
    fx:      'growX', 
    speed:    1000, 
    timeout:  2000
}); 

16. growY

$('#growY').cycle({ 
    fx:      'growY', 
    speed:    1000, 
    timeout:  2000
}); 

17. shuffle

$('#shuffle').cycle({ 
    fx:      'shuffle', 
    speed:    1000, 
    timeout:  2000
}); 

18. slideX

$('#slideX').cycle({ 
    fx:      'slideX', 
    speed:    1000, 
    timeout:  2000
}); 

19. slideY

$('#slideY').cycle({ 
    fx:      'slideY', 
    speed:    1000, 
    timeout:  2000
}); 

20. toss

$('#toss').cycle({ 
    fx:      'toss', 
    speed:    1000, 
    timeout:  2000
}); 

21. turnUp

$('#turnUp').cycle({ 
    fx:      'turnUp', 
    speed:    1000, 
    timeout:  2000
}); 

22. turnDown

$('#turnDown').cycle({ 
    fx:      'turnDown', 
    speed:    1000, 
    timeout:  2000
}); 

23. turnLeft

$('#turnLeft').cycle({ 
    fx:      'turnLeft', 
    speed:    1000, 
    timeout:  2000
}); 

24. turnRight

$('#turnRight').cycle({ 
    fx:      'turnRight', 
    speed:    1000, 
    timeout:  2000
}); 

25. uncover

$('#uncover').cycle({ 
    fx:      'uncover', 
    speed:    1000, 
    timeout:  2000
}); 

26. wipe

$('#wipe').cycle({ 
    fx:      'wipe', 
    speed:    1000, 
    timeout:  2000
}); 

27. zoom

$('#zoom').cycle({ 
    fx:      'zoom', 
    speed:    1000, 
    timeout:  2000
});