How to make JCarousel Vertical Scroller reverse scroll?

Question

I was able to instantiate a working scroller using jQuery Jcarousel however I need it to reverse scroll. For example right now I have:

jQuery(document).ready(function() {

             jQuery('#mycarousel').jcarousel({
            auto: 1,
            vertical: true,
            scroll: 1,
            animation: "slow",
            wrap: 'last',
            initCallback: mycarousel_initCallback
        }); 
        });

What do I need to do to make the items scroll upwards instead of downwards?

Thank You in advance

Answer 1

Hi Scott,

Reverse autoscrolling is not implemented yet although you can code it quite easily.

This is the autoscrolling function in jCarousel:

/**
 * Starts autoscrolling.
 *
 * @method auto
 * @return undefined
 * @param s {Number} Seconds to periodically autoscroll the content.
 */
    startAuto: function(s) {
        if (s != undefined)
            this.options.auto = s;

        if (this.options.auto == 0)
            return this.stopAuto();

        if (this.timer != null)
            return;

        var self = this;
        this.timer = setTimeout(function() { self.next(); }, this.options.auto * 1000);
    },

(Lines 687 to 706 in jquery.carousel.js )

Changing self.next(); to self.prev() should to the trick (can't test it right now, if you do please post the results).

Good luck :)

Answer 2

Just to add this to XaviEsteve answer (I can't find a place to add comment to his answer anyway).

Once I've changed self.next() to self.prev(), I have to change 'wrap' option to 'both' to make it work for me, like this.

jQuery('#mycarousel').jcarousel({
        auto: 1,
        wrap: 'both',
        vertical: true, 
        scroll: 1,
        start: 30,
        initCallback: mycarousel_initCallback
    });

Answer 3

Check my tweak... I rewrote the auto function & introduced two variables instead of auto, auto & reverseauto Now you can have carousels in the oposite direction on the same page...

Explained in detail at my site(download link for .js there)

http://tech.c-dan.com/cweaks.aspx

Demo there too. Click on share/like if you're on facebook.

Thanks

Chidanand Hiremath, C-DAN

Answer 4

Yes,Great.Thanks so much. It works.I was looking for it so times.But get this from here only.