Edge Animate on different browers

Hi all, from your experience, I would like to know if Edge Animate works well with different browers. I mean do I need to test my work on IE, FF, Chrome, etc before I publish it? Thanks.

In some cases yes, testing may be required, since everything is fueled by css properties, some differences may occur across the 'modern' browsers.
Darrell

Similar Messages

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

Can you have a button play a specific frame in a different Edge Animate page?

I'd like to create a movie that can open other HTML files and go to a specific frame within those other pages. Is there any way to handle that inside of Edge Animate?

Thanks for the suggestion, but I'm looking for something a little different.
I'm looking to figure out a way to pass along some information from one movie to another.
For example. If I have a page (Movie1.html) that has Button A, Button B and Button C. Is there a way for me to open a different page (Movie2.html) AND point to a different frame based on what they clicked in Movie1.html?
So if they click Button A, it will open Movie2.html and go to frame label "IntroSection"
But if they click Button B, it will still open up Movie2.html, but this time it would jump to the label "AboutUs"
And if they click Button C, it will open up Movie2.html, it would jump to the label "End"
The idea is to have a few different files, but be able to point to specific frames or labels within an external movie.
Thanks!
Jeff

How do I use Edge Animate to make a clickable image which can be used in Author, and which will redirect you to a different page in your ebook?

If anyone has experience with Edge Animate, I know that I can make an image clickable, and I can insert a url to define where it will go once clicked. But I want to make a widget to use in iBooks Author, that can take the reader to a certain page of the book. Is this possible?
It all seems very complicated. Make one thing in Edge Animate, then somehow have that reference something in Author, which will finally work in an ebook. I have no clue where to begin.

Sort of. I'm using this code inside an action for a button symbol. But it doesn't work perfectly. Trying to debug it.
Let me know if you have any luck.
//Check to see if pageCounter already exists
if (typeof EC.pageCounter === 'undefined') {
// it doesn't exist so initialize it to first page
EC.pageCounter = 2;
//check if the page is only 1 digit -- patch for single digit
if (EC.pageCounter < 9) {
// it is, so we need to pad a 0 on the front.
EC.pageCounterString = "0" + EC.pageCounter;
//e.g. 01 ...09,11,12,13....115,222352,,....
else {
EC.pageCounterString = EC.pageCounter;
EC.loadComposition(EC.pageCounterString + "/publish/web/" + EC.pageCounterString + ".html", sym.$("container"));
EC.pageCounter = EC.pageCounter + 1;
//TODO for back -1

Adobe Edge Animate CC 2014.1

Hello, do the animation in Adobe Edge Animate CC 2014.1
and faced with a problem, animating picture animation works when you hover over the image and still have the text which also operates and has a different animation, and the problem is if I'm pokartinke mouse and spend the mouse over the text in the image on the animation picture as if jumps and starts with a new one, I want to know how to do so that would be mouse as I had not seen the text of this so I can keep the mouse on the image and animation are normally worked

UPDATE
i have ulpaded 2 animation ( one normal and one Responsive ) in 2 different server here the link
www.eclipseadv.com/maliRP/maliRP.html
Untitled
via SAFARI or CHROME on MAC all OK
but via IPAD ( SAFARI, CHROME and MERCURY) i didn't see the video, just the animation of the BUTTON and the link if i click on it (not in Mercury), like in the content viewer.

How do I link a google drive edge animate project to an iframe?

I have a simple edge animate project as a test. It has the following files in the root:
edge_includes folder containing 3 images and edge.5.0.1.min.js
project.html
project_edge.js
I want to be able to have these files stored on google drive (or dropbox or alternative) and link to them through an iframe on my website. I've tried doing this by keeping the file structure the same on google drive and just referencing the shared link of the html file, but the project will not work.
I've also tried replacing the src links of the edge.5.0.1.min.js file and the image files to their shared links on the google drive. This didn't work either.
Is there any way to host the files externally and have them still reference each other properly so the html file can be linked into an iframe on a different site?
Many thanks in advance
Barry

Just to add the relevant requested information:
I am using the latest version of Edge animate (2014.1)
Google chrome (and IE desktop not metro as backup)
If anyone wants to see the file then I'm happy to link to it, but I don't think the question really warrants it.
Thanks again.

How do you upload Edge Animate on Adobe CDN?

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

Lesson for Adobe Edge Animate

Hello Everyone.
OK. Have been doing Edge Lesson's for quite nearly a year now, and wanted to share them with the community.
If you have any request or questions, please feel free to post them to the video links below, or in here, and I will
Try my best to assist you any way that I can.
Edge Animate has really come a long ways, and with the new CC, it has taken on a life of its own.
Look forward to what the future may bring with this awesome Adobe program release.
Wayne Barron
Dark Effects Production
Adding sound to Mouseover event in Adobe Edge Animate
3:42
1
Adobe Edge Animate - Add Sound in Mouseover Event
by darkeffectstv 1,987 viewsIn this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…
Learning how to add sound to Adobe Edge Animate
7:08
2
Adobe Edge Animate Adding Sound to Project
by darkeffectstv 5,031 viewsAdobe Edge Animate Adding Sound to Project…
Remake, as the cursor was not in the last videos.
4:10
3
Adobe Edge Animate - Mirror Text Effects with Wipe On Text (Lesson 3) (Remake)
by darkeffectstv 447 viewsRemake with "Cursor" this time…
Remake, with Cursor
3:49
4
Adobe Edge Animate - Load Background Image (Lesson 3) (remake)
by darkeffectstv 1,050 viewsremake with Cursor, as Cursor was not int he original one.…
2:00
5
Adobe Edge Animate Starting Symbol at certain location
by darkeffectstv 245 viewsIn this quick tip.
We are going to stop a symbol from playing.…
6:53
6
Adobe Edge Animate Animate Logo to show and hide words
by darkeffectstv 418 viewsIn this lesson, we are going to learn how to take an Image (Like a LOGO for a company) and animate it on the screen, and show and hide words.…
5:44
7
Adobe Edge Animate Publish Files and JS Folder
by darkeffectstv 758 viewsIn this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…
6:19
8
Adobe Edge Animate Create a Pen and write a Line
by darkeffectstv 527 viewsIn this lesson, we are going to create a Pen, then write 2 lines.
This can be used in so many different projects, that it is endless.…
2:34
9
Adobe Edge Animate Rollover Button
by darkeffectstv 2,195 viewsIn this lesson, I will show you how to code a Rollover Button.
This is a very simple and easy way to create a Rollover Button, with very little effort.…
4:06
10
Adobe Edge Animate show Grid to fine tune your Animation
by darkeffectstv 77 viewsHave a lot of Animation in your project?
In this lesson, we are going to show you how to fine tune your animation down to the 30th of a second…
16:49
11
Adobe Edge Animate Create a Menu
by darkeffectstv 4,993 viewsIn this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…
12:30
12
Adobe Edge Animate Menu Slide Down
by darkeffectstv 1,175 viewsIn this lesson, we are going to showing you how to create a Sliding Down Menu.
This was really big a few years ago, a lot of sites had these types of menus…
9:45
13
Adobe Edge Animate Menu Slide In from Left
by darkeffectstv 358 viewsIn this lesson, we are going to be creating a cool little menu that will slide in from the left.
I have never seen one like this before, and thought that I would create one, to see if it would work good,…
4:29
14
Adobe Edge Animate Pin and Timeline Indicator
by darkeffectstv 153 viewsIn this lesson, we are going to go over some basics on how to use the Pin and the timeline indicator. This will come in handy, if you have a big project and you wonder what happened, if something messes up …
16:43
15
Adobe Edge Animate Menu Button Header Footer
by darkeffectstv 905 viewsIn this lesson, we are going to be creating a Menu Button, with a Header and Footer.
This is a cool looking button, that will come in handy for some sites.…
12:56
16
Adobe Edge Animate - Shot Bullet from Gun and hit Wall
by darkeffectstv 110 viewsIn this lesson, we are going to be creating a gun, a bullet, a wall.
We are then going to shot the bullet, out of the gun, and destroy the wall.…
7:44
17
Adobe Edge Animate Menu Rollover Buttons
by darkeffectstv 1,047 viewsIn this lesson we are going to create some Rollover Menu Buttons.…
4:11
18
Adobe Edge Animate - Animate Ball Bounce Squish
by darkeffectstv 172 viewsIn this lesson, we are going to animate a ball, of which is going to bounce on the floor, and once it makes contact with the floor, it is going to squish down, just like a real ball will do.…
6:16
19
Adobe Edge Animate - Change Text when Button is clicked
by darkeffectstv 353 viewsIn this lesson, we are going to learn how to change the text of Textfield, when a button is clicked.
reusing the same Text Element over and over again, keeps the project clean and tidy.…
4:02
20
Adobe Edge Animate - Space Demonstration (Lesson coming soon!)
by darkeffectstv 49 viewsThis is a demonstration of a project that I have been working on for the last few days. This will be turned into a lesson, that will be available within the next week or so…
21:37
21
Adobe Edge Animate - Lesson 1 Space Project
by darkeffectstv 87 viewsAdobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…
9:32
22
Adobe Edge Animate - lesson 2 Display Planet Information using single text element
by darkeffectstv 61 viewsview lesson #1 first:
http://youtu.be/16GOY1QOD_…
1:39
23
Adobe Edge Animate - Open Link
by darkeffectstv 227 viewsIn this quick how to lesson.
We are going to create a link on Adobe Edge Animate.…
2:31
24
Adobe Edge Animate - Add Sound in MouseOut Event Part II
by darkeffectstv 192 viewsThis is a follow up to a previous lesson.
Please view the following lesson to catch up to what this is all about…
1:28
25

Here are 2 video using "Edge Hero"
Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
Edge Hero…
6:55
2
Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
And this is the latest video for Edge Animate CC
Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
http://youtu.be/MxxpQspBpcw

Problem with Edge Animate oam file's autoplaying inside Muse

Hi,
I have created a Donut Chart animation in Edge Animate. It has 6 donut charts. Each chart is a symbol with animation inside. Everything looks good in edge animate. But, the problem is the .oam file is not working like I want inside Muse. The scroll effect function of is not working. It autoplays every time, regardless of the scroll settings applied. I am using Edge Animate 2014.1.1 and Muse 2014.3.1. So, it's kind of the latest versions.
I tried several different methods. I found out that the animation works fine in Muse if I don't use any symbol in Edge Animate. Then the scroll function works like a charm. But if I use symbols, then the scroll function stops working. I want to use symbols for a reason. Because, I am making the website as a template to sell and want to include Edge Animate animations in it. Without using the symbols, it will create several objects in one place. And it would be too hard for people, with less knowledge of the program, to edit them.
What should I do now? Please help!
Best Regards

Hello,
Please double click on the symbol and make sure "autoplay " is unchecked in the stage properties. then republish the OAM file and then try.
If the issue still persist please share the compressed project file with us to take a look at it.
Regards
Vivek

How do you remove a symbol from the stage in Edge animate?

Hello-
I'm wondering how to remove a symbol from the stage in Edge Animate so you can jump to another place in the timeline. In Flash, the symbol was only on the stage for the amount of frames you indicated. Not sure how it works here.
For example, I have 2 buttons on my first screen with some text that animates in. I want the button click to take the user to another section in the timeline or (basically another scene, like in Flash) that contains different content. If I change the visibility the buttons are still there and will ( I assume) create problems when other elements are placed on top.
Or is the only way with code. If that is the case what would that code be?
I would appreciate any help.
Thank you!

What I usually do, is, once you have everything set up in the scene you are done with. highlight it all
right click
group elements in DIV
Now all those items act as 1 group and then you give it a properties name, much like a symbol.
THEN you can refer to that scene name and move it anywhere or hide it and slide in another scene that has the content for that next scene.
basically you take all the elements that make up 1 scene, gruop it up, name it, and then in the code for the button say something like:
on click:
scenename.play(framenumber);
that will then animate that scene according to any animation you gave it, such as moving to the left, off stage. while moving scene 2 that you create into the stage.
or just have something like this hide it
sym.$("scenename").hide();
sym.$("scene2name").show();
but if you do that, make sure in your CompositionReady code you hide all scenes EXCEPT the 1st one, so the user doesnt see them all instanatly anyway.

Trying to create HTML5 Video Playlist in Edge Animate - I can't get it to work. Please help!?!?

Hi All,
I am creating an interactive site through Edge Animate and am in the process of trying to create a HTML 5 Video Playlist to function within Edge Animate.
Current Process - Example:
I have 3 videos that need to be played on a certain page.
I created a symbol and dragged the videos to the stage and hidden them within that symbol's timeline.
I then use thumbnail images in a side playlist to either .remove(); .hide(); a video and .show(); the next.
However when I do a hide / show option, the video continue to plays in the background if I don't also create an if/else statement to pause it.
My concern with pausing it is that it will continue to load and dramatically slow down the load time of the site.
References:
I found this which looks very helpful but don't know how to add this to edge composition.
http://demosthenes.info/blog/909/Create-An-Automatic-HTML5-Video-Playlist
Please help or put me in the right direction to create a playlist would be hugely... AMAZINGLY.. helpful.
Thanks,
Jason

Hi Joe,
Thank you so much for your help on this one. It is hugely appreciated!!
I have been working frantically to implement your solution to get this working. I used the 'change src' method.
I have added all my code below in case anyone wants the solution in the future.
Could you please help below as I am now totally stuck with the <track> and 'event listener issues' !!
Issue #1:
I am having major problems with loading the 'closed captions' track element.
Everything I click for the video to change source / to the next video, the closed caption track adds to the video and doesn't 'unload' the previous one. You then end up with multiple different subtitle tracks on the video screen
- The closed captions / subtitles are not showing up in Google Chrome either?
Issue #2:
I can't get the event listener in edge animate to work for 'playing' and 'ended'. Can you please help and point me in the correct direction??
Screenshot (showing what happens after the 3rd video is loaded)
This is the Code I am currently using in the "Creation Complete" of this Symbol.
SET UP OF VIDEO PLAYER AND FIRST VIDEO
var vid = sym.$("video_Chapter5");
vid.html('<video id="ch5video" width="100%" height="auto" margin= "0 auto" \
position ="relative" poster="video/video1_poster.jpg" controls="controls" </video> \
<source id ="videomp4src" src="video/Video_mp4_1.mp4" type="video/mp4" </source> \
<source id ="videoogvsrc" src="video/Video_ogv_1.ogg" type="video/ogv" </source> \
<source id ="videowebmsrc" src="video/Video_webm_1.ogg" type="video/webm" </source> \
<track id ="trackvtt" kind="subtitles" src="video/Video_1_Script.vtt" srclang="en" label="English" hidden </track>');
VARIABLE IDS
$(document).ready(function() {
var videoID = 'ch5video';
var sourceID1 = 'videomp4src';
var sourceID2 = 'videoogvsrc';
var sourceID3 = 'videowebmsrc';
var trackID = 'trackvtt';
var vid1mp4 = 'video/Video_mp4_1.mp4';
var vid2mp4 = 'video/Video_mp4_2.mp4';
var vid3mp4 = 'video/Video_mp4_3.mp4';
var vid4mp4 = 'video/Video_mp4_4.mp4';
var vid1ogv = 'video/Video_ogv_1.ogv';
var vid2ogv = 'video/Video_ogv_2.ogv';
var vid3ogv = 'video/Video_ogv_3.ogv';
var vid4ogv = 'video/Video_ogv_4.ogv';
var vid1webm = 'video/Video_webm_1.webm';
var vid2webm = 'video/Video_webm_2.webm';
var vid3webm = 'video/Video_webm_3.webm';
var vid4webm = 'video/Video_webm_4.webm';
var script1vtt = 'video/Video_1_Script.vtt';
var script2vtt = 'video/Video_2_Script.vtt';
var script3srt = 'video/Video_3_Script.vtt';
var script4vtt = 'video/Video_4_Script.vtt';
var newposter1 = 'video/video1_poster.jpg';
var newposter2 = 'video/video2_poster.jpg';
var newposter3 = 'video/video3_poster.jpg';
var newposter4 = 'video/video4_poster.jpg';
VIDEO PLAYLIST THUMBNAIL BUTTONS - TO CHANGE VIDEO IN PLAYER
sym.$('btn1').click(function(event) {
sym.$('#'+videoID).get(0).pause();
sym.$('#'+sourceID1).attr('src', vid1mp4);
sym.$('#'+sourceID2).attr('src', vid1ogv);
sym.$('#'+sourceID3).attr('src', vid1webm);
sym.$('#'+trackID).attr('src', script1vtt);
sym.$('#'+videoID).get(0).load();
sym.$('#'+videoID).attr('poster', newposter1);
sym.$('#'+videoID).get(0).play();
sym.$('btn2').click(function(event) {
sym.$('#'+videoID).get(0).pause();
sym.$('#'+sourceID1).attr('src', vid2mp4);
sym.$('#'+sourceID2).attr('src', vid2ogv);
sym.$('#'+sourceID3).attr('src', vid2webm);
sym.$('#'+trackID).attr('src', script2vtt);
sym.$('#'+videoID).get(0).load();
sym.$('#'+trackID).load();
sym.$('#'+videoID).attr('poster', newposter2);
sym.$('#'+videoID).get(0).play();
sym.$('btn3').click(function(event) {
sym.$('#'+videoID).get(0).pause();
sym.$('#'+sourceID1).attr('src', vid3mp4);
sym.$('#'+sourceID2).attr('src', vid3ogv);
sym.$('#'+sourceID3).attr('src', vid3webm);
sym.$('#'+trackID).attr('src', script3srt);
sym.$('#'+videoID).get(0).load();
sym.$('#'+videoID).attr('poster', newposter3);
sym.$('#'+videoID).get(0).play();
sym.$('btn4').click(function(event) {
sym.$('#'+videoID).get(0).pause();
sym.$('#'+sourceID1).attr('src', vid4mp4);
sym.$('#'+sourceID2).attr('src', vid4ogv);
sym.$('#'+sourceID3).attr('src', vid4webm);
sym.$('#'+trackID).attr('src', script4vtt);
sym.$('#'+videoID).get(0).load();
sym.$('#'+videoID).attr('poster', newposter4);
sym.$('#'+videoID).get(0).play();
EVENT LISTENER FOR PLAYING - TO CREAT BACKGROUND /LIGHT BOX SCREEN
sym.$('#'+videoID).get(0).addEventListener('playing', function () {
sym.getSymbol("backscreen_Ch5").$("backscreen").show();
sym.getSymbol("backscreen_Ch5").play("play");
EVENT LISTENER FOR ENDED - TO PLAY NEXT VIDEO IN SERIES
sym.$('#'+videoID).get(0).addEventListener('ended', function () {
//code to play next video

Adobe Edge Animate CC 2014.1 is totally not working. It stop working after 5min. Sometimes is stops the operating system.

Adobe Edge Animate CC 2014.1 is totally not working. It stop working after 5min. Sometimes is stops the operating system. On on mac OS X Yosemite. macbook pro i7 2013.
I reinstalled it not helping.
Message was edited by: Daniel Boguszewski

UPDATE
i have ulpaded 2 animation ( one normal and one Responsive ) in 2 different server here the link
www.eclipseadv.com/maliRP/maliRP.html
Untitled
via SAFARI or CHROME on MAC all OK
but via IPAD ( SAFARI, CHROME and MERCURY) i didn't see the video, just the animation of the BUTTON and the link if i click on it (not in Mercury), like in the content viewer.

Adobe Edge Animate CC won't preview in Browser

I am writing a review on Adobe Edge Animate CC. Loving the program until I tried to preview it in a browser.
I am on a PC, using latest version of Firefox, and IE10. The only thing that is viewable in either browser is a static image.
The animation runs perfectly "within" the Edge Animate CC program.
Need to resolve this problem, as I would hate to give the program a bad review, especially if it is something that I'm doing wrong.
Thanks for any help you can give,
Dee Marie

Thanks for your response to my question.
The animation I created was very simple one.
The Original Animation (that I could not view in any browser)
1. Resized the Stage and changed the background color
2. Created a "moon" shape from the Ellipse Tool, adding a silver color and inverted shadow
3. Animated "moon" shape using Motion Paths
4. Added a font from Edge Web Fonts (clicking the Add Fonts within the Edge Web Fonts box), changed font color and size
Saved each step as I created them
The first time I tried to create the above animation it would not animate when previewed in browser.
TODAY: I started from scratch.
The only thing that I did differently: after saving "each" step, I clicked preview in browser.
To my surprise, each time I added an additional step the animation worked perfectly when I clicked "preview in browser"
Not sure what I did wrong the first time ... as I stated above, the only thing that I did differently this time was to click the "preview in browser" between each step (after first saving each step).
So, whatever I did, it is now working perfectly!
Thanks again for your helpful response.
Sincerely,
Dee Marie

Whenever I try to download the Edge Animate tutorials it says currently having issues ant to contact customer support

Whenever I try to download the Edge Animate tutorials it says currently having issues ant to contact customer support

Hi,
Now sure from where you are downloading edge animate tutorials. Can you please post any link or screenshots?
If it is within browser then..
1. Try in different browser.
2. Clear the browser cache.
Regards,
Devendra

Edge Animate loading jquery twice. External jquery plugin error.

I recently created an interactive map (http://www.lakesofbellaterra.com/Interactive_Map_Demo/Testing/test1.html) using Edge Animate CC 2014.1.1 Release. I used the zoom.min.js plugin from jQuery Zoom to achieve the zooming image effect present when you click on one of the map section and reveal the "section modal". Further more the zoom.js plugin uses jquery 1.7.1. I am deploying this Edge Animate project in a Business Catalyst site using a content holder. Even though the zoom.js plugin works with Internet Explorer 7+ and Firefox I initially was not able to get the zoom.js plugin to work in either browser. After changing the <meta> in the <head> to <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"> via suggestion from StackOverflow (internet explorer - What's the difference if <meta http-equiv="X-UA-Compatible" content="IE=edge"> exists or not? - Stac…) I was able to get the zoom image function to work in Internet Explorer 9+. So now I just need to get this function working in the current version of Firefox 35.0.1. As of now when I click on the zoom image nothing happens. The console in firebug reports the following JS related errors:
Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead jquery.min.js:1
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. LOBT-IxD-SectionMap_edge.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery-1.7.1.min.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.easing.1.3.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.zoom-min.js
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. jquery.zoom-min.js
Use of getPreventDefault() is deprecated. Use defaultPrevented instead.
After some research I found a lead (WordPress › Support » how to prevent jquery loading twice?) That suggested that Edge Animate may be loading jquery twice, and that may be the source of the errors. I need to find out why this animation is not working in Firefox.
Here is a list of things I have already tried that did not work:
-Changing the utf charset to : <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
-Changing the version of jquery used from 1.7.1 to the latest release of 1.11.2
-Changing the image source referenced in the zoom.js call from a .svg to a .png
-Removing any scripts that may conflict with Edge Animate or zoom.min.js that are being called from within the Business Catalyst page template.
-Running the project outside of Business Cataylst to see if the error persists (it does)
Here a link to the Edge Animate project: Dropbox - LOBT Interactive Section Map
As always any help is determining why Edge Animate projects with a zoom.js plugin do not work in Firefox 35.0.1 would be most appreciated.

Hi jeremy
Thanks for sharing the info. We'll look into this and get back.
Thanks
Manigandan

Edge Animate on different browers

Similar Messages

Maybe you are looking for