Alternative content with Adobe Edge Animate in HTML?
I have this Adobe Edge Content client.
HTML code
<div id="Stage" class="EDGE-XXXXXXXXX">
</div>
What should I do to have alternate content for IE 8 and below?
If I just paste the content inside the div it doesn't get overwritten by Edge.
I know Edge has some kind of down-level support, but I don't own Edge myself, so I can't try.
So what is the actual HTML markup that uses the downlevel feature?
change
<noscript>
won't work because Internet Explorer 8 has JS
source to share
in the * _edgePreload.js file go to the end of the file where it says:
})("EDGE-XXXXXXXX");
where the id is the same as your HTML source. IMMEDIATELY before this exact line (there may be some spaces) add a new variable like this (make sure dlContent is not assigned yet with a similar stanza and if it replaces this binding - I assume your js files have been minified so it won't look like this the same as your version, but will still work when inserted into a file!):
dlContent={
dom: [
{
id:'Poster',
type:'image',
tag:'img',
linkURL:"URL/to/some/content",
//This line can be omitted if no linking of the image is desired
linkTarget:"_top",//omit this line if the above line has been omitted
rect:['0','0','100%','100%','auto','auto'],
//values in order: x-pos, y-pos, width, height, ?, ?
// not sure what the two auto values correspond to right now
// the rectangle is the "viewport" into what would be the animation in better browsers.
fill:["rgba(0,0,0,0)",'/path/to/an/image.jpg','0px','0px']
// values in order: background colour and alpha transparency, an image to use, image position x and y within the rectangle defined above.
}]};
source to share