向scrollTo滑块添加效果

Question

here is slider code -

function scrollToRight() {
    if (global_current_elem == 5) {elem = 1;}
    else {elem = global_current_elem + 1;}
    jQuery('#slider_element').scrollTo('#element'+elem, 500, {easing:'easeInOutCubic', axis:'x' });
    set_active_btn(elem);
    global_current_elem = elem;
}

function scrollToLeft() {
    if (global_current_elem == 1) {elem = 5;}
    else {elem = global_current_elem - 1;}
    jQuery('#slider_element').scrollTo('#element'+elem, 500, {easing:'easeInOutCubic', axis:'x' });
    set_active_btn(elem);
    global_current_elem = elem; 
}

Is there any chance of adding to it sexy slider effects when new slide comes (fading, cubic changing ec), like on this slider - http://lastcover.devilcantburn.com/ ?

Answer 1

you can use jQuery UI to add effects.

sample code

$( "#effect" ).effect( selectedEffect, options, 500, callback );

docs on using effects

http://jqueryui.com/docs/effect/