pgwslideshow.js
function(element, direction) {
            var elementContainer = pgwSlideshow.plugin.find('.ps-current > ul');

            if (typeof direction == 'undefined') {
                direction = 'left';
            }

            if (pgwSlideshow.currentSlide == 0) {
                elementContainer.find('.elt_1').css({
                    position : '',
                    left : '',
                    opacity : 1,
                    'z-index' : 2
                }).show();
                pgwSlideshow.plugin.find('.ps-list > li.elt_1').css('opacity', '1');
                finishElement(element);

            } else {

                if (pgwSlideshow.transitionInProgress) {
                    return false;
                }

                pgwSlideshow.transitionInProgress = true;

                // Get direction details
                var elementWidth = elementContainer.width();

                if (direction == 'left') {
                    var elementDest = -elementWidth;
                    var nextOrigin = elementWidth;
                } else {
                    var elementDest = elementWidth;
                    var nextOrigin = -elementWidth;
                }

                var currentElement = elementContainer.find('.elt_' + pgwSlideshow.currentSlide);

                if (typeof currentElement.animate != 'function') {
                    currentElement.animate = function(css, duration, callback) {
                        currentElement.css(css);
                        if (callback) {
                            callback();
                        }
                    };
                }

                currentElement.css('position', 'absolute').animate({
                    left : elementDest,
                }, pgwSlideshow.config.transitionDuration, function() {
                    currentElement.css('position', '').css('z-index', 1).css('left', '').css('opacity', 0).hide();
                });

                // Next element
                var nextElement = elementContainer.find('.elt_' + element.id);

                if (typeof nextElement.animate != 'function') {
                    nextElement.animate = function(css, duration, callback) {
                        nextElement.css(css);
                        if (callback) {
                            callback();
                        }
                    };
                }

                nextElement.css('position', 'absolute').css('left', nextOrigin).css('opacity', 1).show().animate({
                    left : 0,
                }, pgwSlideshow.config.transitionDuration, function() {
                    nextElement.css('position', '').css('left', '').css('z-index', 2).show();
                    pgwSlideshow.transitionInProgress = false;
                    finishElement(element);
                });
            }

            // Update current id
            pgwSlideshow.currentSlide = element.id;

            return true;
        }
function(element, direction) {
            var elementContainer = pgwSlideshow.plugin.find('.ps-current > ul');

            if (typeof direction == 'undefined') {
                direction = 'left';
            }

            if (pgwSlideshow.currentSlide == 0) {
                elementContainer.find('.elt_1').css({
                    position : '',
                    left : '',
                    opacity : 1,
                    'z-index' : 2
                }).show();
                pgwSlideshow.plugin.find('.ps-list > li.elt_1').css('opacity', '1');
                finishElement(element);

            } else {

                if (pgwSlideshow.transitionInProgress) {
                    return false;
                }

                pgwSlideshow.transitionInProgress = true;

                // Get direction details
                var elementWidth = elementContainer.width();

                if (direction == 'left') {
                    var elementDest = -elementWidth;
                    var nextOrigin = elementWidth;
                } else {
                    var elementDest = elementWidth;
                    var nextOrigin = -elementWidth;
                }

                var currentElement = elementContainer.find('.elt_' + pgwSlideshow.currentSlide);

                if (typeof currentElement.animate != 'function') {
                    currentElement.animate = function(css, duration, callback) {
                        currentElement.css(css);
                        if (callback) {
                            callback();
                        }
                    };
                }

                currentElement.css('position', 'absolute').animate({
                    left : elementDest,
                }, pgwSlideshow.config.transitionDuration, function() {
                    currentElement.css('position', '').css('z-index', 1).css('left', '').css('opacity', 0).hide();
                });

                // Next element
                var nextElement = elementContainer.find('.elt_' + element.id);

                if (typeof nextElement.animate != 'function') {
                    nextElement.animate = function(css, duration, callback) {
                        nextElement.css(css);
                        if (callback) {
                            callback();
                        }
                    };
                }

                nextElement.css('position', 'absolute').css('left', nextOrigin).css('opacity', 1).show().animate({
                    left : 0,
                }, pgwSlideshow.config.transitionDuration, function() {
                    nextElement.css('position', '').css('left', '').css('z-index', 2).show();
                    pgwSlideshow.transitionInProgress = false;
                    finishElement(element);
                });
            }

            // Update current id
            pgwSlideshow.currentSlide = element.id;

            return true;
        }
function ( element , direction ) { var elementContainer = pgwSlideshow . plugin . find ( '.ps-current > ul' ) ; if ( typeof direction == 'undefined' ) { direction = 'left' ; } if ( pgwSlideshow . currentSlide == 0 ) { elementContainer . find ( '.elt_1' ) . css ( { position : '' , left : '' , opacity : 1 , 'z-index' : 2 } ) . show ( ) ; pgwSlideshow . plugin . find ( '.ps-list > li.elt_1' ) . css ( 'opacity' , '1' ) ; finishElement ( element ) ; } else { if ( pgwSlideshow . transitionInProgress ) { return false ; } pgwSlideshow . transitionInProgress = true ; // Get direction details var elementWidth = elementContainer . width ( ) ; if ( direction == 'left' ) { var elementDest = - elementWidth ; var nextOrigin = elementWidth ; } else { var elementDest = elementWidth ; var nextOrigin = - elementWidth ; } var currentElement = elementContainer . find ( '.elt_' + pgwSlideshow . currentSlide ) ; if ( typeof currentElement . animate != 'function' ) { currentElement . animate = function ( css , duration , callback ) { currentElement . css ( css ) ; if ( callback ) { callback ( ) ; } } ; } currentElement . css ( 'position' , 'absolute' ) . animate ( { left : elementDest , } , pgwSlideshow . config . transitionDuration , function ( ) { currentElement . css ( 'position' , '' ) . css ( 'z-index' , 1 ) . css ( 'left' , '' ) . css ( 'opacity' , 0 ) . hide ( ) ; } ) ; // Next element var nextElement = elementContainer . find ( '.elt_' + element . id ) ; if ( typeof nextElement . animate != 'function' ) { nextElement . animate = function ( css , duration , callback ) { nextElement . css ( css ) ; if ( callback ) { callback ( ) ; } } ; } nextElement . css ( 'position' , 'absolute' ) . css ( 'left' , nextOrigin ) . css ( 'opacity' , 1 ) . show ( ) . animate ( { left : 0 , } , pgwSlideshow . config . transitionDuration , function ( ) { nextElement . css ( 'position' , '' ) . css ( 'left' , '' ) . css ( 'z-index' , 2 ) . show ( ) ; pgwSlideshow . transitionInProgress = false ; finishElement ( element ) ; } ) ; } // Update current id pgwSlideshow . currentSlide = element . id ; return true ; }
Slide an element
Slide an element