How do you upload Edge Animate on Adobe CDN?

Hi Darrell,
I'm using an exciting new software package called www.webflow.com and I asked the following question in a forum:
Hi,
How would you add this Edge Animate to Webflow? Is it possible?http://html.adobe.com/edge/animate/showcase/interactive-marquee/11
The files are available here: http://html.adobe.com/edge/animate/showcase.html6
Edge Animate gives you a few different option for publishing:
The drop down that you see in the image next to "Chrome Frame Installer" has three options:
Now Prompt
iFrame Prompt
Overlay Prompt
These are the files saved when only "Publish content as static HTML" is checked. See "Publish Settings" image:
Is it possible to add this animation to a Webflow site?
If yes, any suggestions on how would be greatly appreciated.
Thanks,
Todd
Here's Sergie's reply:
Hi @TStanwood, it's possible, but the only way to do it is if you host your files on Adobe CDN or if you host it on your own server and then display an iframe with the index file in Webflow.
That's the way to do it before we allow for hosting of non-image files on Webflow.
After you have them hosted on your own server you can follow these instructions found on the Adobe forums:http://forums.adobe.com/thread/1166851
You'll have to add this to your head code:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="Bannerad_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-160548878 { visibility:hidden; }
    </style>

Replace Bannerad_edgePreload.js with the link to your server and the edge js file.
And in the Webflow add a div block with the class EDGE-160548878 and id stage and the .js file should inject your html animation file into this div block.
<div id="Stage" class="EDGE-160548878">
</div>
I don't have a server to upload the files to. I really don't even know what any of this means.
I'm wondering how and where I can upload the Edge Animate files to and then link to it by following the instructions above.
Any help would be appreciated.
Thanks,
Todd

Similar Messages

How do you add Edge Animate to HTML Module using DotNetNuke (DNN)?

First off I'm new to the whole web design/coding/html/css/jquery/etc., and the program Edge Animate is amazing!
I have a site up using DNN and wanted to put what I created on Animate onto one of the pages. I added an HTML module and that's where I'm stuck.
I do not know where to get the complete code so it works, and I do not know where to upload the Animate files. When it comes to creating the thing, I can manage (by reading ALOT), but when it comes to implamenting I am just stumped.
Any idea?
If you need more specific info just give the word, and I'll try my best.
Thanks,
Moses G.

There are four basic steps needed to embed an Edge Animate composition into an existing page:
Publish from Edge Animate. (This creates the necessary files to run the animation. Also, the code referenced in Step 2 and 3 below will be included in the .html file that Animate creates inside the publish/web folder, which you can just copy/paste.)
Add a <div> to the page that has the ID of Stage and the correct class name for your stage (i.e. the "Composition ID" for your project in Animate).
For example:
<div id="Stage" class="EDGE-1655086"></div>
Include the Preload .js file and the default style in your page's header, within Edge Runtime HTML comments.
For example:

<script type="text/javascript" charset="utf-8" src="test-1655086_edgePreload.js"></script>
<style>
.edgeLoad-EDGE-1655086 { display:none; }
</style>

Make sure to upload all of the include files to your server in the appropriate relative locations. This includes the _edge.js files, _edgeActions.js file, _edgePreload.js file, the edge_includes folder and its contents, any other files/folders created inside the "publish/web" folder when you publish from Edge Animate (e.g. "images" folder, etc.).
Here is a very simple example that will hopefully help to clarify:
http://thetraininggrounds.com/An-test/Insert-An-into-existing-page.html
As a reference, these are all of the files involved in the example:
An-test/Insert-An-into-existing-page.html (the existing HTML page)
An-test/ball-bouncing-banner_edge.js
An-test/ball-bouncing-banner_edgeActions.js
An-test/ball-bouncing-banner_edgePreload.js
An-test/edge_includes/edge.1.0.0.min.js
An-test/edge_includes/jquery.easing.1.3.js
An-test/edge_includes/jquery-1.7.1.min.js
An-test/edge_includes/json2_min.js
Thanks
Harshit yadav

How do I download Edge Animate?

I downloaded the Application Manager, which is where the Edge link took me. However, Application manager failed to open. I received an error message, it quit unexpectedly. What is the correct step to download Edge Animate?

Hi Sergio,
You download Edge Animate from Adobe's Creative Cloud website:
https://creative.adobe.com
(EA 1.0 is free, but you need to set up a free or paid Creative Cloud account if you don't already have one before you can download it - and then you download it from your Creative Cloud account page).
hth,
Joe

How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign cc 2014?

How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign?

Hi,
There is a bug on iOS7 which does not let edge animate work correctly here. This issue will happen on iPad and not on Mac OS.
There is a similar thread that explains in detail this issue you are facing:
https://forums.adobe.com/thread/1513879
Regards,
Pooja

How do you put edge animation in Magento?

How do you put edge animation in Magento please?

Provide the name of the program you are using so a Moderator may move this message to the correct program forum
This Cloud forum is not about help with program problems... a program would be Photoshop or Lighroom or Muse or ???

How do you connect edge inspect with chrome !?

how do you connect edge inspect to chrome

If you install the Chrome extension then Edge Inspect will syncronize with whichever page is in the current tab.
=Ryan
[email protected]

We are evaluating the use of iPod touch devices to record best practice videos on our manufacturing floor and to post to an internal Moodle web site. How can you upload a video from the iPod touch to a site other than YouTube?

We are evaluating the use of iPod touch devices to record best practice videos on our manufacturing floor and to post to an internal Moodle web site. How can you upload a video from the iPod touch to a site other than YouTube? The Moodle upload interface is expecting a file selection dialog box like windows or OSX. I do not want to have to go through an intermediary step of messing with a pc.
Thanks!

It should be around 7 and a half gigs. In iTunes, across the bottom there should be a bar that show how much storage is being used and by what. (music, movies, apps, etc.) To make music take up less room, you can check the box to make it convert the music to 128kbps AAC. This lowers the quality, but with most earbuds and speakers, you can't even tell the difference.
The iPod touch has parental controls built in. You'll find them in Settings. I think they only work for enabling/disabling Safari, Mail, YouTube, and App Store. Here's an app that does more: http://www.mobicip.com/online_safety/ipod_touch

How can you upload a movie to I tunes then sync with Ipad2?

how can you upload a movie to I tunes then sync with Ipad2?

There are several options to choose from its either you will buy directly from itunes which go directly to movie. Another option is that convert first your movie to mpeg4 by using any converter software, then after converted drga the file (movie) to itunes library. Next thing you will do is to click your account (your ipad device) then look movie tabs then check sync movies.

How can you upload an image to MYSQL using php?

Ok this is a joint thread with one of my other ones because no one else was posting on it, so I did not get what I needed, so, How can you upload an image to mysql so when some one logs on to my site, they see or can upload there own avatar, now there are loads of problems with this, 1) many people don't know how, 2) It's not every day you try to encode a image into mysql, 3) Letting people upload images into mysql can cause traffic problem with people trying to log in. So that's it.

Uploading images into MySQL is a bad idea, for more reasons than you mention. You should store the images in a directory on the server instead. But if you want to learn the hard way, here is the method:
The mysql data type must be blob.
The form enctype must be multipart, like this: enctype="multipart/form-data"
The form input field myst be type file, like this: <input type="file" name="upload"/>
Here is example code that prepares the variable $photodata to be inserted into the database.
$uploadfile = $_FILES['upload']['tmp_name'];
$photoname = $_FILES['upload']['name'];
$uploadtype = $_FILES['upload']['type'];
if ($uploadfile != "") {
$tempfile = fopen($uploadfile, 'rb');
$filesize=filesize($uploadfile);
$width=getimagesize($uploadfile);
$widthx=$width[0];
$heightx=$width[1];
if (($widthx > 102) or (heightx > 135)){
$image_too_big = " but the image size was too large and was not submitted.";
} else {
$photodata = fread($tempfile, filesize($uploadfile));
$photodata = addslashes($photodata);

How can you upload photos to FaceBook from iPhoto without using the sync where is deleted in iPhoto it will be deleted in FaceBook

How can you upload photos from iPhoto to FaceBook without having the sync where if you delete from iPhoto you delete

I think you have to have the files on your HD. So either put them in iPhoto or copy them to a folder in Finder, and from there you can upload to Facebook.

How can you upload a PDF to a web site

How can you upload a PDF from iBook to a website? Is there an app that can upload files to the Internet

Not possible from within Reader for iOS.

How do you undo highlighted text in adobe for iPad?

How do you undo highlighted text in adobe for iPad?

Touch and hold the highlight that you added until the menu pops up and select "Clear".

How do you download InDesign using the Adobe Download Manager?

How do you download InDesign using the Adobe Download Manager?

With the Adobe Download Assistant installed you should be able to initiate the download at http://www.adobe.com/cfusion/tdrc/index.cfm?product=indesign. If this is not working for you then please try an alternate web browser.

How to get an edge animate to loop continuously

How to get an edge animate to loop continuously

Please check the search feature on the forums - plenty of results there.

How do you upload non-iTunes purchases to iCloud

How do you upload nonitunes purchases? I can see some have the cloud symbols but others not.

Just click on tht ppt you want, go up to File > Get Info > and go down to Open With and choose Keynote. You can also click on Open All Like This if you wish so now all PowerPoints will open in Apples Keynotes!
Pete

How do you upload Edge Animate on Adobe CDN?

Similar Messages

Maybe you are looking for