Swap Edge Animate composition for image

Hello,
Is there a way to swap out an Edge composition for a static image when the viewport is at a certain size?

There must be a trigger or event action somewhere in your project/ code that is firing it off.
To help pinpoint it, go to the Window > Code and from the Actions Panel on the left you should see a list of 'actionable' elements. Look for something like
     Stage
          { } elementName.mouseout
Select them to review any code that is triggering a
           window.open("http://www.adobe.com", "_self");
Modify or remove the above where it is no longer needed.
Darrell

Similar Messages

Import Edge Animate compositions into In Design

Hi, how do I import Edge Animate compositions into In Design..? Cheers
p.s. perhaps i should have added: my main interest is to have the animate project imported to have it load in the adobe viewer for digital publishing. up until now I'd linked the html overlay from the standard Edge app. One of the things that caught my eye under the features for Edge animate was:
Digital Publishing support
Import Edge Animate compositions into the Adobe Digital Publishing Suite with Adobe InDesign CS6, or into Apple iBooks Author.
How I proceed: as per the help/resources:
Publish as Animate Deployment Package (.oam)
Select this export option to create a package file of your project for use in other Adobe tools. The following tools support Animate Deployment Packages: Adobe Digital Publishing Suite (DPS), InDesign CS6, Dreamweaver CS6, and Muse.
Select File > Publish Settings.
In the Publish Settings dialog box, make sure Animate Deployment Package is selected as the publish target.
Note or change the target directory.
(Optional) Specify a poster image.
Click Save to save the publish settings, or click Publish.
but all i get is
Content generation error.
[Error: Invalid URL for Web Content Overlay]

Here is a walkthrough on Adobe Dev Connectings - http://www.adobemarketing.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-fo lios-with-edge-animations.html
The only difference in that walthrough is the reference to in the Publish Settings: in Adobe Edge Animate v1, its now called 'Animate Deployment Package' instead of 'Indesign/DPS'.
Darrell

How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

If you use responsive scaling it will definitely scale .
For best practises regarding graphics refer
Edge Animate Help | Best practices for graphics in Adobe Edge Animate

Responsive scaling of Edge Animate composition in Dreamweaver Fluid Grid Layout

I have created an animation in Edge Animate and have placed it in the header of a Dreamweaver Fluid Grid Layout. I have put it in a div by itself so it can be turned off in the mobile layout. When I test the layout in a browser, the Edge Animate composition scales responsively to the window size, but the height of the div it is in does not. The width of the div changes with the width of the window, but the height of the div remains the same. Because the height of the div doesn't change, as the animation responds and resizes it leaves a large empty space between the bottom of the animation and the content that follows it on the page.
The div itself does not have a rule for it's height associated with it. It seems to me that the div is getting its height from the original size of the html object which is the animation. I tried removing the height rule for the object, but then the div clips the bottom of the animation, and again, it doesn't resize with the window.
Is there a way I can get the div's height to resize with the size of the animation as it changes?

Thanks for your reply. You're right about most people not resizing their viewport during a session, but unfortunately the problem exists whether the screen is being resized or not. Refreshing the screen doesn't solve the problem.
The width of the div adjusts to the width of the screen as expected and the Edge Animate composition inside it does too, but the height of the div doesn't adjust. As the animation gets smaller to fit the width, the height of the div that contains it remains the same, leaving empty space at the bottom of the div. What is needed is for the div to scale to fit the page width proportionally. Instead, only the width is adjusting.
So I guess I need to know if there's either a way to force the div to scale proportionally or a way to tell it to adjust to the animation that it contains.

Edge animate composition is not an option on insert media menu, and I subscribe to the cloud

edge animate composition is not an option on insert>media menu, and I subscribe to the cloud

If your product was installed via the Creative Cloud, you should be able to update it using the Creative Cloud. If your product was installed via other media (like from the DVD), you will not be able to update it using the Creative Cloud. Now that CC has launched, you might want to look at upgrading now and try it out now.
Thanks,
-Elaine

Select Insert Media Edge Animate Composition ????

no me sale la opcion "
Select Insert > Media > Edge Animate Composition"
no aparece en el menu de dreamweaver, no puedo importar edge desde dreamweaver
alguna solucion gracias

Insert > Media > Edge Animate Composition is in Creative Cloud versions of CS6.
Nancy O.

Insert Edge Animate Compositions Unavailable

I don't have an option to import Edge Animate Compostitions in Dreamweaver's 'Insert' menu.
Was this an update to CS6 only available in the cloud and not to boxed versions?
I have CS6 master collection. DW 12.0 Build 5861 for Windows.

This feature of inserting Edge compositions directly into DW is available only to Creative Cloud subscribers (at the moment, since Creative Cloud brings in all the new features as soon as they're released). See here: http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
However, you can manually insert your Edge compositions into your code with a div tag and a unique Identifier to the div, also adding a few supporting Edge files. You should publish your Edge composition for 'Web'. You can possibly decode the published index.html file source code after that. If you need more help doing this, do post back!
-ST

Edge animate composition not working properly on bc

Hi,
I have placed an adge animate composition into the home page of a bc template site (www.w-o-o.me). When i view the home page in safari, the animation can take up to ten seconds before it loads. The business owner says they cannot see it at all. The same with a site i built in muse, (www.thisiscrap.co.uk) the home page marquee is an edge composition, this does not show at all sometimes and is just a blank space at the top of the screen.
Has anyone had a similar problem and if so how did you fix it?
Thank you.

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

Is it possible to design an animated navigation bar in Edge Animate CC for use in a Dreamweaver CC site to act as the site's internal navigation? I have my own example for review.

Hi all,
I'm hoping one of you good people can help me with this. I usually try and work out things by myself and is my first time posting as this one really has me stumped. A solution would be fantastic but if I could be given a definitive answer if it can be done or not then at least I can stop wasting my time.
I'm loving Edge Animate as a cross browser alternative to Flash and the complete control I can now have building HTML5 and CSS animations from scratch. I build websites using Dreamweaver CC and wanted to create a bespoke drop down navigation for one of my sites in Edge animate CC to take into Dreamweaver. This I have done and is where I am having problems. The link to the test homepage in question is below with the nag bar made in Edge CC top right.
http://www.elastic-canvas.co.uk/Nick_Scott_Media%202014_Website/index.html
The problem is when setting the link attribute in Edge animate. You have the options of 'link in same window' or 'link in new window'. As it's for an internal navigation system neither seem to be appropriate. If I set it to open in a new window and set the live website address as follows it opens up the new page in a new window where as I want to replace the page. This is an example of the code I used to test if clicking 'sports advertising' would take you beck to the homepage:
// Navigate to a new URL in a new window
// (replace "_blank" with appropriate target attribute)
window.open("http://www.elastic-canvas.co.uk/Nick_Scott_Media%202014_Website/index.html", "_blank");
I ideally want to get into the code and just wrap each nav element with a <a href=""><a> tag. Can this be done and can it be done directly in Edge Animate CC?
Cheers, Matt

Hi,
According to your description, my understanding is that use CMAK to configure split tunneling on VPN clients, traffic to specified devices can be routed via their own default gateway.
If the manually added route entries all have default metric and interface, clients will select one by the default routing rule, can’t select one of them according to clients’ own conditions. So, I am afraid that CMAK can’t implement the function which you need.
A blog described about How to configure split tunneling on VPN clients using CMAK, for your reference:
http://blogs.technet.com/b/rrasblog/archive/2007/06/11/split-tunnelling-using-cmak.aspx
Best Regards,
Eve Wang
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Support, contact [email protected]

Mac shortcuts (OSX Yosemite) stop working after Edge Animate runs for a while

When I first open up an Edge animation file all my shortcuts work fine, such as Command-S to save.
After the software has been running for a while all my OSX shortcuts stop working and I have to copy, paste and save from the File menu instead.
When I restart the program it all goes back to normal for a short while and then they stop working again.
Some more info in case it's helpful:
My current project is based around animating SVG shapes (character animation).
I'm running Yosemite OSX.
Adobe Edge 2014.1.1 is the version I'm using
It crashes consistently but pops up a 'save your work' message first. I'd say at least once a day if I don't restart frequently enough.
I restart about every hour or so as I'm working.
My OSX shortcuts work fine in other software such as Photoshop, this is specific to Edge
My hardware is as follows:
Model Name: MacBook Pro
Model Identifier: MacBookPro10,1
Processor Name: Intel Core i7
Processor Speed: 2.7 GHz
Number of Processors: 1
Total Number of Cores: 4
L2 Cache (per Core): 256 KB
L3 Cache: 8 MB
Memory: 16 GB
Just putting this up here in case any other Edge users on Mac have noticed anything similar.

Hi Danny,
Thanks for writing to us with your concern. We are sorry to know that you are facing problems while using Adobe Edge Animate.
How often is it happen? Is there any time frame like after 1 hour or 2 hours this issue is occurred?
Can you please try updating your Mac Book 10.10.3?
Please share the result.
Regards,
Devendra

Edge Animate code output image location (X,Y) changes in Chrome and Safari

Hi there,
I'm working on my first project in Adobe Edge Animate, and so far it has been a miserable failure! Yay! Anyone out there interested in helping me out?
Here is a sample of the project so far: http://research.cs.queensu.ca/home/parker
My problem is that the green square's location appears incorrectly in Chrome and Safari browsers, but correctly in Firefox. I'm using a Mac Mountain Lion OS.
Why would an element have a different position when seen in a different browser? Note that all the other elements are displaying properly in all the browsers?
Thanks for your help,
-David

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

Edge animate composition not loading on Business Catalyst catalogue's sub-catalogues...

Hi,
I need urgent help on this one... I have this edge animation slider on the all the pages of the website and its loading perfectly on all the other pages accept the sub-catalouges of our online shop, i believe this issue is caused because if the relative URL thing, but I'm not sure how to correct this, which code should i add and to which files, please help, i have an urgent deadline to meet and i couldn't fix it, i hope you guys here would help as we paying every month for your services.
Thank you very much..
Cheers,
Sam

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

Avoid downloading vídeos from adobe edge animate compositions

Hi friends,
Is it possible to disable the possibility of download the videos used in the compositions created in Adobe Edge?
As I can see now, every video displayed in the web can be easyly downloaded righclicking over it. (mp4 in this case)
Thanks in advance.

You can disable the context menu for the video by adding the below code in the compositionReady :
sym.$('video1').bind('contextmenu',function(e) { e.preventDefault(); } );
This will disable the whole of contextMenu on the video. But still people can download the video using video downloader browser extension, you can't really prevent in all scenario, but definitely make it harder.
hth,
Vivkeuma

Can anyone give me a detailed explanation of how to upload my Edge Animate Composition into Godaddy?

I have a godaddy.com Domain and hosting acc. I have uploaded my composition into the FTP File Manager for my domain. I placed them in the html folder GoDaddy has in there by default. All the files are included, as well as the edge_includes folder and the Images folder (Not that I have imported any..) and when i attempt to view the page I get nothing but an error 404 message. I attempted to place a regular html file into the folder to see if the issue was with godaddy.com but it worked just fine. Any help would be greatly appreciated as I need this site up within the next two weeks. Thanks in advance.

A thought:
You guys are 'uploading' or 'publishing' the files to the public_html directory yes? ... when you log into GoDaddy FTPs you are presented with a lot of backend folders ... you need to select the public_html folder then put ALL of your website files in that folder ...
Also ... delete the default files and put your new files up ...
cheers
GemBro

Responsive Edge Animate in a Div

Hi.
Recently i tried a page to test the responsive design, and all went well.
Now I want to place an Edge Animate element (. Oam) in a div, but that only appears on the computer and tablet version,
and the mobile version appears another Edge Animate object, because Edge Animate, just scale my object and the mobile version is unrecognizable
Greetings.

Hi.
Thanks
Well, I know how to insert an Edge Animate object, no problem.
But.
I try to explain. If it can place a different Edge Animate Composition for each resolution (Desktop, Tablet, Mobile).
For example:
Or
Sorry for the inconvenience, and thanks for the help.

Swap Edge Animate composition for image

Similar Messages

Maybe you are looking for