Question

I’ve used the rcarousel plugin a couple of times without encountering any problem.

While implementing it on a new website, rcarousel suddenly duplicates the first slide (I’m showing 3).

This is happening on both slides on the bottom of this page:

http://www.expertmarketermagazine.com/en/home

When you navigate the slider you can see that the “duplicate” reverts to the correct slide just before the whole thing slides away.

Has anyone encountered something similar before?

Answer 1

change your rcarousel selectors to:

<script>
    $(function() {
        $("#carousel-authors .wrapper").rcarousel({
            visible: 3,
            step: 3,
            width: 127,
            height: 200,
            navigation: {
                prev: "#ui-carousel-next-authors",
                next: "#ui-carousel-prev-authors"
            }
        });

        $("#carousel-books .wrapper").rcarousel({
            visible: 3,
            step: 3,
            width: 127,
            height: 200,
            navigation: {
                prev: "#ui-carousel-next-books",
                next: "#ui-carousel-prev-books"
            }
        });
    });
</script>