Edge animation doesn't work properly or display properly in IE

I've created an animation using Edge CC. It contains a graphic created in illustrator which has a gradient in it. I've inserted it using the OAM method into my webpage in Dreamweaver.
My first issue is that the animation doesn't display in IE10 unless I allow Active X, however it takes forever to load.
If I choose not to load the animation, the Poster image doesn't appear in its place.
The second issue is that once it eventually loads, the gradient doesn't display correctly - it's a solid colour.
Is there a way to get my animation working properly in IE?
And if not, is there code I can use to display an alternative image - something that works in the newer versions of IE? I've tried using <!--[if !IE]> but it doesn't work.
Thanks.

I just did a simple test with an svg/ gradient, exported from Illustrator - defalt svg settings.
Imported (File > Import) into an Edge project file and it works, shows properly.
Is this the process you went through to add the svg file? When imported does the svg look as it should within the Edge Animate stage, at this point?
I then opened Dw, new html file; Insert > Media > Edge .oam. It imports properly.
Enable Live mode and I can see the edge file as well as the svg in all its gradient glory.
As for the Active X prompt, that is common IF you double click the .html to view or Preview in Browser from Dw because its not within a webserver space.
Darrell

Similar Messages

Edge animation doesn't work when on the net

Hi
Built the Muse site. Placed the Edge Animate .oam file in the pages. Tested it in the browsers. All running great.
BUT now when I upload the site to the net, the Edge Animate animation doesn't work in any of the browsers.
Why not?
Am I meant to be uploading other files with the animation?
How can I remedy to make it all work…as it should?
KR
Steve

Hi Vivek
In the web checking section of my site, I've used the animation at the bottom of all the pages (under the rule) of this site :
Home
Hopefully you can tell me how to fix. BTW I don't use Dreamweaver. I only use Muse.
Steve

Edge animation doesn't work in Chrome

My Edge animation works fine in Safari, but doesn't work in Chrome and is sluggish in Firefox. It eventually plays in Firefox but appears to be loading slowly then plays but is sluggish. No problems in Safari. How do I go about troubleshooting this problem. It doesn't load half of my assets in Chrome.
Thank you

Hello Elaine or Adobe Staff, elainefinnell
We are having a problem with an animation in Edge Animate involving transform and clipping.
Basically, the animation is clipped in Chrome when viewing it, while not in other browsers.
There is a known issue when filters are applied to transformed objects - which would then clip in Chrome.
Chrome: Clipping may occur in browser when a transformed element has a filter applied. (3494343)
Would it be possible for you to have a look to the project and tell us if we are doing something wrong.
As there are no filters, it seems whether an additional issue, or a problem with our project.
Thank you for your time and answer,
it would save us time in order not to find a workaround while letting down this specific animation.
Best,
C.

Edge animations don't work properly in DPS.

I've recently update CC to the latest 2014 version and since then Edge animations don't work properly in DPS (struggle to load and play). Can anyone help?

Hi Bob,
What real details do you need? I create a digital magazine using DPS with the occasional Edge oam file inserted to lift a couple of the openers. However recently, they either stutter on loading, don't load or crash the viewer/ipad. I test them in Content viewer.
Thanks
Mat

My animation doesn't work in html page

hi guys,i want you to help me , you know is so frustated to work for long being an animation and at the final doesn't work
i've done an animation in flash using as3 code ,it's work perfetly.
the problem is that when i insert it in my page nothing happens ,before to try with browser i test the swf with a play button in dreamweaver
but nothing
when i publized only the script is seen but the images not.
i my server wamp on y computer under my folder for my website there is a folder named :images(for all images),on this folder i put the entire folder of my animation .
but i don't know why it doesn't work
i can say you all my animations with xml and AS3 in flash doesn't work in my page
please give me a magic and quick solution
thanks all of us for reading me
my english isn't so much perfect
bye

thanks you for replying me
but i solved it
--- En date de : Lun 6.7.09, Nadia-P <[email protected]> a écrit :
De: Nadia-P <[email protected]>
Objet: My animation doesn't work in html page
À: "augustine ngo ndjel" <[email protected]>
Date: Lundi 6 Juillet 2009, 11h06
It is very hard to help you without
seeing your page... do you have the files uploaded to a
server? Can you post a link, so people can look at the
code to see if they can find a solution for you.
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.dreamweaverresources.com/
http://csstemplates.com.au/

My edge animation is not working on Google chrome

Hii..
My edge animation composition is working absolutely fine on Mozila on google chrome it starts well but all of sudden my background image disappear and animation looks ugly without background image..
My animation link is
Untitled

Hi Newton ,
Can you try out one thing. We suspect this issue is caused because of the anti-scaling which we apply.
Just try to disable anti scaling.Follow the steps below :
This scale factor can be changed from:
1. Close Animate
2. Open the preference folder:
a. Windows: C:\Users\{username}\AppData\Roaming\Adobe\Edge Animate\4.0.0\
b. Mac: /Users/{username}/Library/Prefrences/Adobe/EdgeAnimate/4.0.0/
3. Open the AppPrefs.xml file in a text editor.
4. Search for the Current line in AppPrefs.xml:
<key>SvgAntiScaleFactor</key>
<float>10</float>
Update this to:
<key>SvgAntiScaleFactor</key>
<float>1</float>
5. Launch Animate.
However note: This setting will work only for new animate content that you create after this setting is applied - i.e it will work only for newly pasted SVG’s in a new composition.
Exiting Animate compositions opened after applying the setting(Step 5 above) will still show the same problem. You will need to delete the SVG and copy-paste again.
Do let us know if this solution helps in your case too.
Thanks and Regards,
Sudeshna Sarkar

Edge Animation doesn't start properly in Chrome/Safari

I developed an animated intro sequence at the following address quite some time ago with Edge when it was still in Adobe Labs: http://www.gdc-corp.com . It seemed to work fine when developed, but it was just pointed out to me that the animation sequence automatically starts as it should in Internet Explorer on the PC, but on Chrome and Safari, at least on the mac, when you first hit the page, the animation doesn't run. If you refresh the browser or back out to another page a revisit the page, the animation starts automatically as it should.
Anyone have a quick thought on why and how to fix?

I just did a simple test with an svg/ gradient, exported from Illustrator - defalt svg settings.
Imported (File > Import) into an Edge project file and it works, shows properly.
Is this the process you went through to add the svg file? When imported does the svg look as it should within the Edge Animate stage, at this point?
I then opened Dw, new html file; Insert > Media > Edge .oam. It imports properly.
Enable Live mode and I can see the edge file as well as the svg in all its gradient glory.
As for the Active X prompt, that is common IF you double click the .html to view or Preview in Browser from Dw because its not within a webserver space.
Darrell

Edge audio doesn't work in DPS project

Being very happy after latest update of Edge CC, I've decided to make DPS project for iPad.
First, when I chose "autoplay" button for audio timeline, I got a warning about sound autoplay option is not supported at digital devices (??). So what should I do? To not use the autoplay?
Second, a preview of Edge animation in web-browser works perfect (both background sound and a sound for user interaction) - BUT when I put .oam file in DPS, the sound just DOESN'T WORK.
I tried everything - check-uncheck "autoplay", check-uncheck "preload audio", put an audio as a trigger.. no sound in iPad.
And when I put audio file directly into Indesign, a sound works perfect in iPad.
What's going on?

Agapyla wrote:
so the idea is all projects for iOS cannot use Edge Audio feature that was just released last month? At least in full way, as it is shown in built-in Edge Tutorial (autoplay)?
No, not exactly. iOS and other mobile devices can playback HTML 5 audio, which is what Animate outputs.
But the fact of the matter is that autoplay for audio (and preloading) is not supported by mobile devices - it's a limitation manufacturers build into their devices. Therefore, to use audio from Animate in mobile devices, you have to initiate audio playback from a user event, such as touchstart or click.
We warn you of this in Edge Animate when you turn on autoplay (warnings appear at the bottom of the Stage).

HTML5 animation doesn't work

I imported an animation that i created on Adobe Edge into my project on Adobe Captivate 8, but it doesn't work when i click to view the project in the browser, even when i export the file, nothing happens on the browser. I'm using Chrome as my default browser, but i've tried on IE and nothing happened as well.
Does anybody can help me?
Thanks,
Pedro

Are you sure the file exported ok? Are there any dependancies in the animation such as files located elsewhere which maybe haven't been bought across?

Why doesn't the IMAQ WindTools display properly in exe?

I'm using the IMAQ Wind Tools in LabVIEW and I'm noticing an odd behavior. The IMAQ Wind Tools do not get displayed properly when using an exe (they work fine in the LV environment). In the exe the Wind Tools window is just a title bar that shows up at the bottom left of the screen even though I specified tools to display.
Attached is an example demonstrating the issue. (Windows 7, LabVIEW 2011 SP1, IMAQ 4.6.1)
Is this a bug in LV or in my code?
Thanks,
Bruce
Attachments:
IMAQ Tools Test.zip ‏223 KB

I took your project and was able to recreate the issue. This might be a bug, but is there a specific reason you need to run it from the Build Spec itself? Running from the executable is probably a safer debugging technique anyways. Either way, thanks for pointing this out.
Ravi A.
National Instruments | Applications Engineer

Edge project doesn't work in browser

Hello,
I made a Edge project that's works perfect offline, but aftre publising it doesn't work from the publish map offline and also online after I uploaded to my site. However its works allright on my iPhone 4S.
Does anybody know what is worng?
(The URL: http://basmonkey.nl/timer/beta/2.1.2/index.html)
Bas, The Netherlands

Hi Bas,
Looks like you're still using Animate 1.5 which we do not actively update to keep up with browser changes. I haven't seen this issue with CC, are you able to give your project a whirl with the new version and see if it persists? Browsers are constantly in flux as they intoduces updates and we keep up with those changes in the latest version of Animate.
Sarah

WinJS enterPage animation doesn't work

So I have been trying to get some animations in my application and seems like it doesn't work as expected.
When I call
WinJS.UI.Animation.enterPage(element)
everything is fine and the element scrolls from right to left which is default with opacity.
However the moment I override default values, everything just stops working, using something like this -
WinJS.UI.Animation.enterPage(element, { top: "100px", left: "0px" });
I don't see any animation, the element just gets thrown there, and there's no opacity change for the element to be faded into the screen either. Again this kind of works partially, when I pair with WinJS.UI.Animation.exitPage(oldElement) but it shouldn't be
needed.
I also tried using custom animation so that I'd have more control over timing than what is provided as part of default animation library, and that behaves a lot more differently. I just got the code written for enterPage in WinJS, pulled into my code, and
tried tweaking around with the values... no matter what I do, I'd see only opacity change and the element fade in, and no translation at all. Even when I paired it with exitPage() or customExitPage(), nothing, it just wouldn't work.
Is this a problem with WinJS.UI.executeAnimation() and WinJS.UI.executeTransition()?
Regards, Rv.

function runEnterPageAnimation() {
// Get user selection from control
var pageSections = document.getElementById("pageSectionsControl").value;
document.querySelector(".box").style.overflow = "hidden";
// Animate the application's entrance in the number of stages chosen by the user
// Use the recommended offset by leaving the offset argument empty to get the best performance
var enterPage;
var rootGrid = document.getElementById("rootGrid");
var pageContent = document.getElementById("pageContent");
var header = document.querySelector("header");
var footer = document.querySelector("footer");
function runCustomShowStoryboard(target) {
var promise1 = WinJS.UI.executeAnimation(
target,
keyframe: "custom-translate-in",
property: "transform",
delay: 0,
duration: 367,
timing: "linear",
from: {top:"50px", left: "0px"},
to: {top:"0px", left: "0px"}
var promise2 = WinJS.UI.executeTransition(
target,
property: "opacity",
delay: 0,
duration: 367,
timing: "linear",
from: 0,
to: 1
return WinJS.Promise.join([promise1, promise2]);
switch (pageSections) {
case "1":
// Animate the whole page together
enterPage = runCustomShowStoryboard(rootGrid, null);
break;
case "2":
// Stagger the header and body
enterPage = WinJS.UI.Animation.enterPage([header, [pageContent, footer]], null);
break;
case "3":
// Stagger the header, input, and output areas
enterPage = runCustomShowStoryboard([header, pageContent, footer]);
break;
document.getElementById("message").textContent = "Page appeared in " + pageSections + " section(s).";
var runAnimation = document.getElementById("runAnimation");
runAnimation.addEventListener("click", runEnterPageAnimation, false);
Regards, Rv.

Adobe edge animation button not working in muse

Ok so I went and created a button in adobe Edge that when clicked scrolls your browser to the top of the page since I couldn't create what I was looking to do in muse( I can create anchors to bring me to the top of the page but I dont like that i have to relink the button for each page and that clicking on the button acts as a page change so when you click the back button it brings you back down to the bottom of the page vs the previouse page). Anyways the button works perfectly fine when previewing it in adobe Edge but when I bring it into Muse and try to use it the function to bring you to the top of the page stops working, the mouse states still work though so it doesn't seem to be completly broken. Any ideas as to what I'm doing wrong or what I can do to fix this?

I just tried to host it to a temp businesscatalyst site and the .oam file isn't even showing up on the temorary page. Getting more and more confused.

Flash animation doesn't work when I publish Captivate file

Hi,
I have an e-learning developed by a third party using Captivate 6, they've inserted animations (swf files) created using Flash CS6. When I try publishing the Captivate file on my computer all the animations work well except for a particular one (a wheel that spins and asks questions).
When I publish the Captivate file and go to that particular slide and click anywhere other than this animation the whole thing freezes (this doesn't happen on other slides with the other animation/quizzes developed using Flash CS6 on the same project). However, when the developer publishes the same file on their machine it works well.
I don't have Flash CS6 installed on my machine (I only have Flash CS4 and can't open the animation/swf files), I asked someone else (that had Flash CS6) to try publishing the Captivate file and had the same issue I had.
Has anyone had this issue before? how can I fix it?
Thanks!

Since you are loading another SWF file into your main root timeline and want to transfer control to the loaded SWF you need to call _lockroot on the container that holds the loaded content since you are using _root. Like this:
myMCLMain.loadClip("flashSite.swf", "container2");
container2._lockroot = true; //Add this line after loadClip
Or you can remove the _root in the loaded SWF.

Lightroom 5.3 Export "Short Edge" sizing doesn't work

Exporting images in LR 5.3 with resize setting of "short edge" does not re-size the image at all when the option for "do not enlarge" is checked. Instead it simply exports the full sized image. This happens even if you are trying to downsize an image (in my case from a 24MP image to one that is 800px wide), in other words you are not enlarging the photos so the option for "do not enlarge" should not apply.
Other sizing options like "long edge" appear to work as expected.
Have tried restarting LR but no effect. Have tried changing export setting and then changing back to "short edge", again no effect.
I'm sure this was working in the previous version......

DanCarr wrote:
I'm sure this was working in the previous version......
Yep - new bug in Lr5.3 (presumably will be fixed in Lr5.4).
More info here:
http://feedback.photoshop.com/photoshop_family/topics/publish_service_harddisk_ignores_ima ge_sizing_resize_to_fit_short_edge_setting_when_source_image_is_a_dng_on_lightroom

Edge animation doesn't work properly or display properly in IE

Similar Messages

Maybe you are looking for