<div id="pxs_container" class="pxs_container">
            <div class="pxs_bg">
                <div class="pxs_bg1"></div>
                <div class="pxs_bg2"></div>
                <div class="pxs_bg3"></div>
            </div>
            <div class="pxs_loading">Загружаем изображения...</div>
            <div class="pxs_slider_wrapper">
                <ul class="pxs_slider">
                    <li><img src="images/1.jpg" alt="Первое изображение" /></li>
                    <li><img src="images/2.jpg" alt="Второе изображение" /></li>
                    <li><img src="images/3.jpg" alt="Третье изображение" /></li>
                    <li><img src="images/4.jpg" alt="Четвертое изображение" /></li>
                    <li><img src="images/5.jpg" alt="Пятое изображение" /></li>
                    <li><img src="images/6.jpg" alt="Шестое изображение" /></li>
                </ul>
                <div class="pxs_navigation">
                    <span class="pxs_next"></span>
                    <span class="pxs_prev"></span>
                </div>
                <ul class="pxs_thumbnails">
                    <li><img src="images/thumbs/1.jpg" alt="Первое изображение" /></li>
                    <li><img src="images/thumbs/2.jpg" alt="Второе изображение" /></li>
                    <li><img src="images/thumbs/3.jpg" alt="Третье изображение" /></li>
                    <li><img src="images/thumbs/4.jpg" alt="Четвертое изображение" /></li>
                    <li><img src="images/thumbs/5.jpg" alt="Пятое изображение" /></li>
                    <li><img src="images/thumbs/6.jpg" alt="Шестое изображение" /></li>
                </ul>
            </div>
        </div>

(function($) {
    $.fn.parallaxSlider = function(options) {
        var opts = $.extend({}, $.fn.parallaxSlider.defaults, options);
        return this.each(function() {
            var $pxs_container     = $(this),
            o                 = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;

            //основной слайдер
            var $pxs_slider        = $('.pxs_slider',$pxs_container),
            //элементы в слайдере
            $elems            = $pxs_slider.children(),
            //общее количество элементов
            total_elems        = $elems.length,
            //кнопки навигации
            $pxs_next        = $('.pxs_next',$pxs_container),
            $pxs_prev        = $('.pxs_prev',$pxs_container),
            //фоновые  изображения
            $pxs_bg1        = $('.pxs_bg1',$pxs_container),
            $pxs_bg2        = $('.pxs_bg2',$pxs_container),
            $pxs_bg3        = $('.pxs_bg3',$pxs_container),
            //текущее изображение
            current            = 0,
            //контейнер миниатюр
            $pxs_thumbnails = $('.pxs_thumbnails',$pxs_container),
            //миниатюры
            $thumbs            = $pxs_thumbnails.children(),
            //интервал для режима автопрокрутки
            slideshow,
            //изображение загрузки
            $pxs_loading    = $('.pxs_loading',$pxs_container),
            $pxs_slider_wrapper = $('.pxs_slider_wrapper',$pxs_container);

            //во-первых, предзагрузка всех изображений
            var loaded        = 0,
            $images        = $pxs_slider_wrapper.find('img');

            $images.each(function(){
                var $img    = $(this);
                $('<img/>').load(function(){
                    ++loaded;
                    if(loaded    == total_elems*2){
                        $pxs_loading.hide();
                        $pxs_slider_wrapper.show();

                        //ширина изображения
                        var one_image_w        = $pxs_slider.find('img:first').width();

                        /*
                        установки ширины слайдера
                         */
                        setWidths($pxs_slider,
                        $elems,
                        total_elems,
                        $pxs_bg1,
                        $pxs_bg2,
                        $pxs_bg3,
                        one_image_w,
                        $pxs_next,
                        $pxs_prev);

                        /*
                        установка ширины для миниатюр
                         */
                        $pxs_thumbnails.css({
                            'width'            : one_image_w + 'px',
                            'margin-left'     : -one_image_w/2 + 'px'
                        });
                        var spaces    = one_image_w/(total_elems+1);
                        $thumbs.each(function(i){
                            var $this     = $(this);
                            var left    = spaces*(i+1) - $this.width()/2;
                            $this.css('left',left+'px');

                            if(o.thumbRotation){
                                var angle     = Math.floor(Math.random()*41)-20;
                                $this.css({
                                    '-moz-transform'    : 'rotate('+ angle +'deg)',
                                    '-webkit-transform'    : 'rotate('+ angle +'deg)',
                                    'transform'            : 'rotate('+ angle +'deg)'
                                });
                            }
                            //анимация миниатюр при наведении курсора
                            $this.bind('mouseenter',function(){
                                $(this).stop().animate({top:'-10px'},100);
                            }).bind('mouseleave',function(){
                                $(this).stop().animate({top:'0px'},100);
                            });
                        });

                        highlight($thumbs.eq(0));

                        //прокрутка при нажатии на стрелки навигации
                        $pxs_next.bind('click',function(){
                            ++current;
                            if(current >= total_elems)
                                if(o.circular)
                                    current = 0;
                            else{
                                --current;
                                return false;
                            }
                            highlight($thumbs.eq(current));
                            slide(current,
                            $pxs_slider,
                            $pxs_bg3,
                            $pxs_bg2,
                            $pxs_bg1,
                            o.speed,
                            o.easing,
                            o.easingBg);
                        });
                        $pxs_prev.bind('click',function(){
                            --current;
                            if(current < 0)
                                if(o.circular)
                                    current = total_elems - 1;
                            else{
                                ++current;
                                return false;
                            }
                            highlight($thumbs.eq(current));
                            slide(current,
                            $pxs_slider,
                            $pxs_bg3,
                            $pxs_bg2,
                            $pxs_bg1,
                            o.speed,
                            o.easing,
                            o.easingBg);
                        });

                        /*
                        клик по миниатюре
                         */
                        $thumbs.bind('click',function(){
                            var $thumb    = $(this);
                            highlight($thumb);

                            if(o.auto)
                                clearInterval(slideshow);
                            current     = $thumb.index();
                            slide(current,
                            $pxs_slider,
                            $pxs_bg3,
                            $pxs_bg2,
                            $pxs_bg1,
                            o.speed,
                            o.easing,
                            o.easingBg);
                        });

                        /*
                        активация автопроигрывания, если данная опция определена
                         */
                        if(o.auto != 0){
                            o.circular    = true;
                            slideshow    = setInterval(function(){
                                $pxs_next.trigger('click');
                            },o.auto);
                        }

                        /*
                        при изменении окна, нужно пересчитывать ширину элементов и их
                        позиционирование;
                         */
                        $(window).resize(function(){
                            w_w    = $(window).width();
                            setWidths(
                                $pxs_slider,
                                $elems,
                                total_elems,
                                $pxs_bg1,
                                $pxs_bg2,
                                $pxs_bg3,
                                one_image_w,
                                $pxs_next,
                                $pxs_prev
                                );
                            slide(
                                current,
                                $pxs_slider,
                                $pxs_bg3,
                                $pxs_bg2,
                                $pxs_bg1,
                                1,
                                o.easing,
                                o.easingBg
                                );
                        });

                    }
                }).error(function(){
                    alert('here')
                }).attr('src',$img.attr('src'));
            });
        });
    };

    //текущая ширина окна
    var w_w                = $(window).width();

    var slide            = function(current,
    $pxs_slider,
    $pxs_bg3,
    $pxs_bg2,
    $pxs_bg1,
    speed,
    easing,
    easingBg){
        var slide_to    = parseInt(-w_w * current);
        $pxs_slider.stop().animate({
            left    : slide_to + 'px'
        },speed, easing);
        $pxs_bg3.stop().animate({
            left    : slide_to/2 + 'px'
        },speed, easingBg);
        $pxs_bg2.stop().animate({
            left    : slide_to/4 + 'px'
        },speed, easingBg);
        $pxs_bg1.stop().animate({
            left    : slide_to/8 + 'px'
        },speed, easingBg);
    }

    var highlight        = function($elem){
        $elem.siblings().removeClass('selected');
        $elem.addClass('selected');
    }

    var setWidths        = function($pxs_slider,
    $elems,
    total_elems,
    $pxs_bg1,
    $pxs_bg2,
    $pxs_bg3,
    one_image_w,
    $pxs_next,
    $pxs_prev){

        var pxs_slider_w    = w_w * total_elems;
        $pxs_slider.width(pxs_slider_w + 'px');

        $elems.width(w_w + 'px');
        /*
        также устанавливаем ширину каждого div элемента для фона.
        Значение для всех pxs_slider
         */
        $pxs_bg1.width(pxs_slider_w + 'px');
        $pxs_bg2.width(pxs_slider_w + 'px');
        $pxs_bg3.width(pxs_slider_w + 'px');

        /*
        позиционирование элементов навигации
         */
        var position_nav    = w_w/2 - one_image_w/2 + 3;
        $pxs_next.css('right', position_nav + 'px');
        $pxs_prev.css('left', position_nav + 'px');
    }
    $.fn.parallaxSlider.defaults = {
        auto            : 0,
        speed            : 1000,
        easing            : 'jswing',
        easingBg        : 'jswing',
        circular        : true,
        thumbRotation    : true
    };
    //easeInOutExpo,easeInBack
})(jQuery);