jCarousel: Can you remove all items and rebind to a new collection?

Question

jCarousel documentation states the following:

• By passing the callback function itemLoadCallback as configuration option, you are able to dynam

Answer 1

You can do this but you need to keep a reference to the carousel around and call reset on it. This can be achieved by using the initCallback option you pass to the jcarousel function.

function carousel_callback( carousel, state) {
    // BWA-HA...I have the carousel now....FEEL THE POWER!

    // reset empties it out
    $('#reset-caro').click( function( evt ) {
        carousel.reset();
    });

    // here's how to call add
    $('#add-to').click( function( evt ) {
        // ..this just adds to the first spot..modify as needed
        carousel.add(0, "
O HAI!
");
    });
}

$(document).ready(function() {
    $('#mycarousel').jcarousel( {
        initCallback: carousel_callback
    });
});

Here's my HTML:

  reset

  add  

  

    
MOM
    
DAD
    
BROTHER
    
SISTER