Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

Animating dynamic content

$
0
0

Hello all-

 

I'm creating a "ticker" type slide show where the images(thumbnails) constantly move slowely to the left.

The stage is 125pxH X 1280px W.

The images will be clickable thumbnails.

The image are dynamic, pulling the image URL and title from a JSON file.

 

I have the images pulling into the animation but I don't know how to animate them to slide left across the stage.

The stage is basically empty with the exception of the symbol (I've also removed the symbol from the stage but the images pulled from the JSON file remain static and do not move).  I've tried animating the symbol on the "symbol's stage" and also animating the symbol on the main stage.  By animating the symbol on the main stage, I get the "container" for the dynamic images sliding across the stage but the images remain static.

 

Does anyone know how I can animate them across the stage?

 

Oh, I don't think it makes a difference but here's the code I have in the "creationComplete" action:

 

$.getJSON('categories.json', function(data) {

 

          for(var i=0;  i<data.length;  i++)

          {

                              var s = sym.createChildSymbol("slide", "stage");

                              s.$("category_img").css({"background-image":"url('"+da ta[i].image+"')"});

                              s.$("title").html(data[i].title);

                              s.getSymbolElement().css({"position":"absolute",

                                                  "left": i*225+50+"px",

                                                  "top":"2px"});

          }

});

 

 

Thank you for any help in this :-)


Viewing all articles
Browse latest Browse all 9897

Trending Articles