Controling a Gallery With Javascript

Question

I would like to use a Boolean array to control the images in a gallery.  Each index in the array would correlate to a specific image, which would not appear in the gallery if array[i] == false, but the image would appear if array[i] == true.
I could use some help with controlling the gallery.  Is there a way to do the following?
    Access a specific slide at an index via javascript.
    Get the number of slides in the gallery via javascript.
    Add/remove slides to/from the gallery via javascript.
    Set the image path for a given slide via javascript.
It seemed to me like such information should be here:
https://developer.apple.com/library/iad/documentation/iAdJS/Reference/iAP.Galler yViewClassRef/iAP/iAP.html#//apple_ref/doc/uid/TP40010655
However, I think I must be missing something.  If anyone could point me in the right direction, I would appretiate it!
Thanks,
Robbie

Answer 1

Hmmm....Did you double-click on the cell and drop in the image object or just lay it on top.  It's gotta be inside the cell so it's included in the serialization.  Not sure what else it could be.
Code for the page that works for me is:
this.milestones = [];
this.onViewControllerViewWillAppear = function (event) {
          // Code here for the "View Will Appear" event.
    // path to my server
    var webservicePath = "http://localhost/myfeed.json";
    // asynchronously load the webservice
    var xmlLoader = new iAd.XHRLoader(webservicePath);
    xmlLoader.delegate = this;
    xmlLoader.load();
// Called when the XHR call failed
this.loaderDidFail = function ( loader, error ){
    alert("Load failed with error: " + error);
// Called when the XHR call was successful
this.loaderDidComplete = function (loader){
    var galleryView = this.outlets.timelineGalleryView;
    galleryView.dataSource = this;
    // grab and store the content returned
    var json = loader.content;   
    var jsonObj = JSON.parse(json);
    this.milestones = jsonObj.timeline.milestones;
    // store an archived copy of the prototype cell
    this.archivedPrototypeCell = iAd.Archiver.archive(galleryView.cellAtIndex(0));
    // tell the gallery to update itself
    galleryView.reloadData();
this.cellAtIndexInContainer = function(container, index) {
    // create a new instance of the prototype cell
    var newView = iAd.Archiver.restoreFromArchive(this.archivedPrototypeCell);
    // event data at the index
    var milestone = this.milestones[index];
    // get the path to the event image
    var imagePath = milestone.image || '';
    // create an image object and assign to the image property of the imageView
    newView.subviews[3].image = iAd.Image.imageForURL(imagePath, false);
    // set the text values
    newView.subviews[0].text = milestone.date || '';
    newView.subviews[2].text = milestone.title || '';
    newView.subviews[4].text = milestone.description || '';
    return newView;
this.numberOfCellsInContainer = function(container) {
    return this.milestones.length;
and the cell hierarchy looks like this:
-M