title: how can i get my json file to work?
body: <p>I am reaching out to see if I can get an answer to a json file that i am having trouble with. I am making a slideshow in edge animate and i am using a json file to plug some images into some place holders (symbolized divs) that i have animating out every 8 sec. or so. I tried getting this info from a tutorial that i watched but i was not able to set up the json file as it should be. when i preview the slide in my browser my images dont load into the placeholders, all i see are grey boxes moving according to the animation. my best guess is that my json file isnt correct thats why its not linking the images to the placeholder. this is my code:</p>
  
  <pre><code>var imageArray = new Array();
  var currentImage = 0;
  var s = sym.getSymbol ("slider_Sym_A");
  sym.$("Sample Slide").html("");
  
  $.getJSON("LineA.json", function(data) {
     for(var i=0; i&lt;data.length; i++){
        imageArray.push({"image":data[i].image, "title":data[i].title});
  
      }
      sym.$("Sample Slide").html(imageArray[currentImage].title);
      s.$("ImageHolderOne1") .css({"background-image":"url('"+imageArray[currentImage].image+"')"});
      s.play("Rest");
  });
  
  sym.grabNewImage = function(){
      currentImage++;
      if (currentImage&gt;7){
          currentImage = 0;
  }
       s.$("ImageHolderTwo1") .css({"background-image":"url('"+imageArray[currentImage].image+"')"});
  }
  
  sym.setOldImage = function(){
     s.$("ImageHolderOne1") .css({"background-image":"url('"+imageArray[currentImage].image+"')"});
     setTimeout(function() {
       s.play("Rest");
     }, 500);
  }
  </code></pre>
  
  <p>json:</p>
  
  <pre><code>[
    {
  "image":"PhotoA.gif",
  "title":"Re - Stage"
    },
    {
  "image":"PhotoA_1.gif",
  "title":"ABDC"
    },
    {
  "image":"PhotoA_2.gif",
  "title":"W - Stage"
    },
    {
  "image":"PhotoA_3.gif",
  "title":"C - Stage"
    },
   {
  "image":"PhotoA_4.gif",
  "title":"Riser"
    },
    {
  "image":"PhotoA_5.gif",
  "title":"Sign"
    },
    {
  "image":"PhotoA_6.gif",
  "title":"X - Stage"
    },
    {
  "image":"PhotoA_7.gif",
  "title":"Jason"
    }
  ]
  </code></pre>
  
  <p>I appreciate anyone that gives me any input. In the meantime I will continue to try and wrap my head around this. </p>