Add new pictures to coverflow

HI,

I have a coverflow view that I wanted to implement lazy loading. First I want to load first 12 pictures and when it reach the last image, it will load the next 6 pictures. The coverflow by now should have 18 pictures.

I have managed to do all this but the problem is that when the coverflow shows after new pictures have been added, the newly added pictures is not visible. But I can still scroll to the new image and when i do, the newly added pictures will appear.

How can I solve this problem? I want the newly added pictures to be visible when the coverflow view is refresh.

Here is part of my code:

var containerMag = Ti.UI.iOS.createCoverFlowView({
    width:Ti.UI.FILL, //backgroundColor:'black',
    height:'53%', //transparentBackground:true
});
 
containerMag.images = magArray;     //magArray is the array of images
 
containerMag.addEventListener('change', function(e){
    if(e.index === magArray.length - 1)
    {
        loadMore();
    }
});
 
function loadMore()
{
    for(var i = lastIndex; i < 6; i++)
    {
        var thumb = Ti.UI.createImageView({image:baseUrl +'draft/'+pic[i].id+'/covers/thumbnails/'+pic[i].id+'.jpg', width:300, height:401}); 
 
        magArray.push({image: thumb, width:250, height:340});
    }
 
    containerMag.images = magArray;
}