jQuery slider

BoxSlider
bxSlider download here and include jquery.bxslider.js file
http://bxslider.com/
Options
http://bxslider.com/options

jQuery('.homeslidemenu').bxSlider({
    minSlides: 1,
    maxSlides: 1,
    mode:'fade',
    auto:true,
    controls:false,
    pager:false,
    speed:2000,
    pause: 6000,
    touchEnabled:false});

Active

var $slider_container = jQuery('.portfolio-process-slider');
if($slider_container.length>0) {
    $slider_container.bxSlider({
        auto: true,
        mode: 'fade',
        controls: false,
        speed: 1000,
        pause: 12000,
        pagerCustom: '#bx-pager-portfolio',
        onSlideAfter: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
            $slider_container.find('li').removeClass('active-slide');
            $slider_container.find('li').eq(currentSlideHtmlObject).addClass('active-slide')
        },
        onSliderLoad: function () {
            $slider_container.find('li').eq(0).addClass('active-slide')
        },
    });
}

Continuous effect / Smooth moving
http://bxslider.com/examples/ticker

==============================
Smooth slider-- continuous running

=>tkahn-Smooth-Div-Scroll-9df8fde
=>https://github.com/tkahn/Smooth-Div-Scroll

Current element slidely up slider
bkosborne-jQuery-Feature-Carousel => Feature image and content.

Monte =>http://www.jacklmoore.com/monte => any image or content

http://fredhq.com/projects/roundabout/
==============================

Jssor slider -
1. touch swipe and responsive javascript slider
2. Little complex
http://www.jssor.com/index.html

Text sequence fade in out with bxslider click

Add text in li like

<span class="split_text">
<span>A text</span>
<span>with</span>
<span>the bold</span>
</span>

=add custom js==

jQuery('.split_text').each(function(){
    var str = jQuery.trim(jQuery(this).html());
    var text = str.split(' '),
        len = text.length,
        result = [];
    for( var i = 0; i < len; i++ ) {
        result[i] = '<span class="'+(i+1)+'">' + text[i] + '</span>';
    }
    jQuery(this).html(result.join(' '));
});

var slider = jQuery('#text_animated_slider').bxSlider({
    mode:'fade',
    moveSlides:1,
    auto:true,
    pager:false,
    controls:false,
    infiniteLoop:true,
    startSlide:0,
    pause:7000,
    speed:1000,
    onSliderLoad:function(){
        var total_frame = jQuery('#text_animated_slider li').eq(0).find('.split_text span').length;
        var time_interval = (5 / total_frame ) * 500;
        var time_delay = time_interval * 2;

        var fadeOutId;
        var fadeInFrame = 0;
        var fadeOutFrame = 0;
        var fadeInId = setInterval(fadeInText, time_interval);
        function fadeInText(){
            if (fadeInFrame <= total_frame) {
                fadeInFrame++;
                jQuery('#text_animated_slider li').eq(0).find('.split_text .'+fadeInFrame).animate({
                    opacity: 1
                }, time_delay);
            } else {
                clearInterval(fadeInId);
                fadeOutId = setInterval(fadeOutText, time_interval);
            }
        }

        function fadeOutText(){
            if (fadeOutFrame <= total_frame) {
                fadeOutFrame++;
                jQuery('#text_animated_slider li').eq(0).find('.split_text .'+fadeOutFrame).animate({
                    opacity:0
                }, time_delay);
            } else {
                clearInterval(fadeOutId);
            }
        }
    },
    onSlideAfter: function($slideElement, oldIndex, newIndex){
        var total_frame = $slideElement.find('.split_text span').length;

        var time_interval = (5 / total_frame ) * 500;
        var time_delay = time_interval * 2;

        var fadeOutId;
        var fadeInFrame = 0;
        var fadeOutFrame = 0;
        var fadeInId = setInterval(fadeInText, time_interval);
        function fadeInText(){
            if (fadeInFrame <= total_frame) {
                fadeInFrame++;
                $slideElement.find('.split_text .'+fadeInFrame).animate({
                    opacity: 1
                }, time_delay);
            } else {
                clearInterval(fadeInId);
                fadeOutId = setInterval(fadeOutText, time_interval);
            }
        }

        function fadeOutText(){
            if (fadeOutFrame <= total_frame) {
                fadeOutFrame++;
                $slideElement.find('.split_text .'+fadeOutFrame).animate({
                    opacity:0
                }, time_delay);
            } else {
                clearInterval(fadeOutId);
            }
        }
    },
    onSlideBefore: function($slideElement, oldIndex, newIndex){
        var current = slider.getCurrentSlide();
        current = 1;
        if(current == 0){
            slider.destroySlider();
            jQuery('#text_animated_slider').remove();
            jQuery('.home_image_slider').show();

            jQuery('.home_image_slider').bxSlider({
                mode:'fade',
                moveSlides:1,
                auto:true,
                pager:false,
                controls:false,
                infiniteLoop:true,
                startSlide:0,
                pause:7000,
                speed:1000
            });
        }
    }
});