차근차근/JQuery Ajax Jstl

jQuery Cycle Plugin - 이미지 슬라이드

예쁜꽃이피었으면 2014. 12. 24. 10:04

http://jquery.malsup.com/cycle/


http://jquery.malsup.com/cycle2/


http://jquery.malsup.com/cycle2/demo/


Demos

shuffle

$('#shuffle').cycle({ 
    fx:     'shuffle'
    easing: 'easeOutBack'
    delay:  -4000 
});

zoom

$('#zoom').cycle({ 
    fx:    'zoom'
    sync:  false
    delay: -2000 
});

fade

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

turnDown

$('#slide').cycle({ 
    fx:      'turnDown'
    delay:   -4000 
});

curtainX

$('#up').cycle({ 
    fx:    'curtainX'
    sync:  false
    delay: -2000 
 });

scrollRight (click)

$('#right').cycle({ 
    fx:      'scrollRight'
    next:   '#right'
    timeout:  0
    easing:  'easeInOutBack' 
});


반응형

'차근차근 > JQuery Ajax Jstl' 카테고리의 다른 글

ajax form 정리  (0) 2015.01.19
Ajax 오류 메시지  (0) 2015.01.19
터치 이미지 슬라이드  (0) 2014.12.24
Jquery 로 tab(탭) 구현하기  (0) 2014.11.14
hashchange event  (0) 2014.10.28