jCarousel jQuery ajax loading 1000 records
        Posted  
        
            by 
                user1714862
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by user1714862
        
        
        
        Published on 2012-10-02T21:36:08Z
        Indexed on 
            2012/10/02
            21:37 UTC
        
        
        Read the original article
        Hit count: 219
        
I'm using jCarousel to present a vertical scolling list of +-1000 names. I am using ajax to load the data 100 records at a time then when all the data has loaded I just let the jCarousel loop in the DOM. I have the ajax and loop all working but would like to make the code work no matter how large the total record count becomes.
1) I'd like to eliminate the 1201 fixed number and use a variable. 2) I currently loop on every record I see (carousel.first) to see if it matches my reload position(s) (albeit the loop is ony 12x it still seems a little "loopy")
Any suggestions on improving this?
        function mycarousel_itemLoadCallback(carousel, state)   {
        //if (carousel.has(carousel.first, carousel.last)) {                                                
        //return;           
        //}             
        var getCount = 100;     // Number of records to grab at a time
        var maxCount = 1201;    // total possible number of records
        var visible = 9;        // the number of records you can see in the window so this creates a pre-load by this number of records         
        for (var i = 1;  i < maxCount; i+=getCount ) { 
            if (carousel.first === 1 || carousel.first === (i-visible)){                
                var getFrom = i;                    
                var getTo = getFrom+(getCount-1);
                //alert('TOP Record ='+carousel.first+'\n Now GET '+getFrom+'-'+getTo);                 
                jQuery.get('#ajaxscript#', {
                        first: getFrom,
                        last: getTo
                    },
                    function(xml) {
                        mycarousel_itemAddCallback(carousel, getFrom, getTo, xml);
                    },
                'xml'
                );                  
            break;
            }
        }
    };
© Stack Overflow or respective owner