By: Jan

Jan — Tue, 02 Jan 2007 12:05:05 +0000

No, thats not a bug. jCarousel just requests the items needed for the next scroll. If you add more items than requested you need to implement your own routines for checking if a new ajax request is required. available is true when the range is requested before and not when the items exist actually.

By: Josh Kline

Josh Kline — Mon, 01 Jan 2007 20:14:21 +0000

Great plugin!
I think I found a bug in the priv.available function, or I just don’t understand how it is supposed to work.

I have an itemVisible:1, itemScroll:1 carousel.
(Eventually I’ll turn on autoScroll:3 and autoScrollStopOnInteract: true, but that doesn’t effect my question)
I am loading my images dynamically via ajax.

My goal is to cache images so there is not an ajax call every time next is clicked. Therefor I want to add 4 images to the items array every time loadItemHandler is called with available false.

Here is my code based on your example(I don’t know what wordpress will do to the formatting)

function loadItemHandler(carousel, start, last, available) { console.log("loadItemHandler: " + carousel + ", " + start + ", " + last + ", " + available);


    if (available) {

        // Trigger loaded

        carousel.loaded();

        return;

    }
    var cr = carousel;

    var item_source = "/carousel-passthrough.asp?num=" + (4) +

        "&start=" + start;

// notice that i've asked for 4 items from my server side script

    console.log("source url: " + item_source);
    jQuery.get(item_source, function(data) {

        appendItemCallback(cr, start, last, data);

    });

};
function appendItemCallback(carousel, start, last, data)

{

    console.log("appendItemCallback: " +

                carousel + ", " + start + ", " + last + ", " + data);

    var i = start;

    $("/items/item", data).each(function() {

// loop through all the items returned

        console.log(i + ": " + $(this).text());

        var item = carousel.add(i, getItemHTML(this));

// ..and add them to the carousel

        i++;

    });

    // Trigger loaded

    carousel.loaded();

};
function getItemHTML(data)

{

    var alias = $('alias', data).text();

    var ptr = $('ptr', data).text();

    var title = $('title', data).text();
    var url_image = "http://rama.libraries.claremont.edu/cgi-bin/thumbnail.exe?CISOROOT=" + alias +

    "&CISOPTR=" + ptr;

    var url_item = "http://rama.libraries.claremont.edu/u?" + alias + "," + ptr;
    return '
' +

        '' +

        '
';

};

Even with that code it was making an ajax call ever click because available was always set to false.

available: function(first, last) { if (last == undefined) last = first;


                if (priv.size >= last) //jk: changed from priv.end

                    return true;
                priv.end = last;

return false; },

When I changed the available function to look at priv.size instead of priv.end it worked.
I don’t understand what priv.end is suppsed to do, or why it is only
changed in the available function.

thank you.

Comments on: Updates

By: Jan

By: Josh Kline