Mutiple edge animations on an index page

Hey there community
It feels like I have searched google dry, and I can't find the answers to my problems there, so I'm hoping this will help.
I'm creating a site in Dreamweaver with a lot of interactivity, mostly by edge animate. I have many animations on the index page of the site, and some fewer on other pages.
The problem is, every single edge animation is generating an edge_include folder for the files to work, when i insert the oam file.
The first loading time for a user is immense, around 10 sec.... Is there any solutions to remove those similar server request and make them all request from 1 folder with the edge.min and jquery.min file?
Mikkel Madsen

Many thx!!! I Will try the folder option. Do I have to open the edgepreload in a text edit program to change some urls? Or Can i just put every script in an edge folder with an image and include folder in that ?:):)
Mikkel Madsen.
Sendt fra min iPhone
Den 28/10/2013 kl. 10.20 skrev gcgCui <[email protected]>:
Re: Mutiple edge animations on an index page
created by gcgCui in Edge Animate CC - View the full discussion
Hi, hope I can help you. I´m finishing an interactive book with games and I use 3 project with different scenes on them. So you can try something like my trick. You can use "symbols" to make all your different animations on a single "Edge project" or if you wanna use your actual projects put all your images on a single "image folder" and use one  "edge includes folder".
I have 3 projects on the root folder but just one image folder and one edge includes, each project have their own preload and the time loading is fast on web an mobile device.
Gabriel Cerra.
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5793206#5793206
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5793206#5793206
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5793206#5793206. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Edge Animate CC at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Similar Messages

  • Edge Animation plays only after page refresh in Firefox

    There is an issue with animation playback in Firefox (I have the newest version - 27.0) - it works only after page reload or if you go to another page and come back to the home page.
    I've saved Edge animation as .oam package and placed into Muse. My animation is floating clouds right above roof on homepage.
    When I open html generated by Edge Animate in Firefox it works perfectly at once.
    Please help!
    I would appreciate any advice.
    Thanks!
    Here is my site http://www.digidom.kz.

    Same FF version here, your page loads fine here, upon first visit and subsequent visits.
    Have you tried clearing out browser cache; restart FF then reload/revisit your page.
    Darrell

  • Link Edge animation to HTML page?

    Is there a way to link my Edge animation to an Index HTML page in the same folder as the Edge.HTML? I linked a webpage with the OpenURL trigger and it worked. But I would like to link it to the index page within the same folder so that I can test it before uploading it to the internet.
    The trigger link that worked is:
    window.open("http://www.mywebsite.com", "_self");
    But can I use something like:
    window.open("index.com", "_self");
    Thanks,
    Susan

    Susan-
    You don't need the sitename - just use this (assuming you are calling it from the same directory as you said):
    window.open("index.html", "_self");
    Else, you should be able to use this if it one folder deep:
    window.open("../index.html", "_self");
    James

  • Issue with multiple Edge animations in the same article. Please help!

    We have 3 edge animations in our 3 page article, one in eache page. The first edge animation you view autoplays great, however when you swipe down or up the other animations just wont play. All of them set to autoplay 0.125 with transparent background. It seems that no matter which one you see first, it kills the other two. We tried importing HTML and DPS  from Edge with the same results.
    Thank you in advance!
    al3nai

    I just did a quick test and experienced mixed results. I placed a single edge animation on the first page of a horizontal article, then placed the same edge animation on three pages of the vertical orientation (dual-orientation folio). The edge animation shows up perfectly on the horizontal layout, but only displays on pages 1 and 3 of the vertical orientation. It does not load on page 2.
    I also placed an additional Web Content Overlay on page two connecting to a website which loads fine. The edge animation shows the spinning/loading icon but nothing loads.
    Sorry, not much help here just sharing similar bugs.

  • How to create a link with an anchor outside of the edge animation ?

    Hello
    I want to know if it's possible to create a link with an anchor that is placed outside of the edge animation , on the same page ?
    Tanks

    Is it... very likely..., javascript is javascript...Has anyone yet? Maybe i haven't looked.
    You only need 3 files... not including "Edge Includes" and "External Art Assets"
    NAME_edge.js
    NAME_edgeActions.js
    NAME_edgePreload.js
    The advantage of Edge being that u have the "power" to do whatever you like, but as with new things it takes awhile to figure it all out.

  • Edge animation does not visible on Business Catalist

    HI,
    I made a simple Edge animation, published as .oam and placed in Muse, when previewing in browser form Muse, the animation is visible, when publishing to Business catalist, it is invisible and Button with ! Report Abuse apears where the animation should be. What is the reason, what am I doing wrong?

    Home
    This is the url, currently still in progress stage, however it would be nice to be able to see the animations in this stage all ready if not, wont be able to use them at all.
    Animations is not visible on any of my browsers-  mozilla, safari, chrome
    I'm not an expert in code - reason for using muse and edge
    Animation should be on page SPECIFICATION

  • Can't get rid of a scollbar with my edge animation on Firefox

    hi, am using edge 2.01 with my mac. i am working on a site for   http://www.twosons.com/gallery.html   i have a piece of edge animation on the gallery page which reads  DIRECTORS REEL 310.200.1400 right underneath the video buttons. on safari it works perfectly. on firefox however i have a scrollbar appearing. i've checked the animation and it is 360wide X130 height and scripted it to be responsive.
    any idea on how i can lose this scrollbar on Firefox. i am already using
    .throwOn {
              position: absolute;
       background-color: rgba(0,0,0,.0);
              display:block;
              margin-top: 400px;
              height: 65px;
              /*border-top: 15px solid rgba(255,255,255,.3);
              border-bottom: 15px solid rgba(255,255,255,.3);*/
              margin-left: 170px;
              overflow: hidden;
    in my css. any other ideas?
    [email protected]

    Reboot the device.
    Shut down the device by holding the sleep/wake button  and the home button at the same time.
    Hold them both until you see the screen go black. In some cases, you may need to keep holding them even after the red power off slider appears. If it does, just keep holding it.
    Wait until the white Apple logo appears.
    When this happens, you can let go - the iPhone is rebooting.

  • Why is IE 10 adding a white row under my Edge Animation?

    Can anyone help me solve my coding issue with IE 10 on my client's website below:
    http://www.procoresolutions.com/
    IE is adding a white row under my Edge Animation on the home page that is protruding out on the right side as well.  I also built another site for the same client which this is not an issue at http://www.donnellycommunications.com
    Sites are similar, so I'm not sure why it's happening on one site and not the other.
    If anyone can help, I'd sure appreciate it.

    Link #1 code errors
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.procoresolutions.com%2F
    Lin#2 code errors
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.donnellycommunications.com%2F
    IE10 is much less forgiving of code errors than older ver of IE.
    Nancy O.

  • Bootstrap, height of edge animation and others div content in the page- overlay issue

    I’ve a problem with the position others div tags in a page with a edge animation in the top (in the below example, div “box-animation”… export it with “publish target: Web”).
    The static content (in the below example, class “content-static”) is always overlay to the animation, instead to view it below div “box-animation”.
    The first solution is to set an height for edge animation container (for example, #box-animation height: 500px) but its very complicate to manage it with responsive website.
    So, how to view the static content in a div tag after an animation create with edge animate, to avoid overlay effect?
    This my first animation with Edge Animate and I always thought that the animation would have been placed in the html order of the webpage...
    Thanks
    Example:
    <body>
    <div id=“box-animation”><div id="Stage" class=“animation1…”>[edge animation]</div></div>
    <div class="container">
      <div class="row">
        <div class="span12">
          <div class=“content-static”><p>Test content</p></div>
        </div>
      </div>
    </div>
    </body>

    Hi... put a trasparent gif image, with the same animations's width/height, in the first div after the edge code container.
    If you want responsive layout, remember to remove width/height values.
    <body>
    <div id=“box-animation”><div id="Stage" class=“animation1…”>[edge animation]</div></div>
    <div class="container">
      <div class="row">
        <div class="span12"><img src="images/spacer.gif" alt=""/>
          <div class=“content-static”><p>Test content</p></div>
        </div>
      </div>
    </div>
    </body>

  • I'm trying to place my edge animation in dps but I can't swipe over it to take me to the next page?

    Hi, could anyone help with this?
    I'm using an edge animation on the Samsung Galaxy and it won't allow me to swipe over to go to the next page. Does anyone have a solution to this, or can this not be done? Please advise.
    Thanks

    Hey Ross,
    Another user had the same problem and came up with this workaround:
    With regards to using it in DPS, it's not an ideal solution but I imported it as a web overlay rather than an html article and made it smaller than full page so there is a border around the edge on which the user can swipe to turn the page and tap to see menu options.
    This was taken from this thread:
    http://forums.adobe.com/message/5163039#5163039
    Here are some other threads that might help you out:
    Looks like you asked the same Q on this thread:
    http://forums.adobe.com/message/4877470
    http://forums.adobe.com/message/4574872

  • I can't swipe to next page after placing my edge animation in dps

    I've created an animation in Edge and exported it as a .oam file. I've placed it into dps (full page size) and although it plays fine I'm no unable to swipe between pages.
    Initially I thought instead of using the animation at the full page size I could use it smaller so I would be able to swipe the area outside of the animated object. My problem with this is that the background of the page is a coloured gradient and as I've not managed to export my animation with a transparent background I need to set the background up in Edge also. This leaves me with the problem of how to navigate to the next page?
    Im new to Edge (as you can probably tell) so any help is greatly appreciated.
    Thanks

    Hey Ross,
    There's currently a bug when using DPS where the poster image won't clear from the composition and remains in the background when it plays in DPS. Does your animation automatically play? If so I have a workaround for you.
    If you set your poster image to transparent, and your stage to transparent, the animation will play on a transparent background. Create a 1x1 transparent png and import it into your EA composition. In the publish settings, set this PNG file to be your poster image.
    Also be sure to set your stage colour to 0% alpha.
    Publish and you should be good to go.
    As for not being able to swipe, Animate compositions import as "Web Overlays" which means overlay in the most literal sense; they are placed on top of your publication so any interactivity you have may interfere with the gestures of your publication as created in ID. You can opt to turn interactivity off in the web overlay panel in ID, though this might defeat the purpose of your placed composition. It sounds like in your case if you're able to get the transparent stage to work this might remedy some of the problems you were having.
    HTH,
    Sarah

  • Trigger Edge Animation on page load

    I am using multiple Edge Animations in a DPS document I am creating.  When I open the book, all of the animation begin to play at the same time.
    Is there a way to trigger the animation to start when the user turns to the page the animation is on?

    I'm trying to accomplish the same with recent versions of indesign and edge CC, but I'm not having sucess with autoplay and .125 delay.
    Is there a work around for CC?
    Thanks,
    Erik

  • How to get rid of scroll bars on an edge animation in a fluid grid page

    I'm playing with a page that will contain an edge animation (basically just a panorama view sliding across the stage from right to left).  My thought was that when the page was displayed on a tablet or phone the user would just see less and less of the animation--i.e., as if the panorama was sliding across a smaller stage.  In my css I've specified overflow: hidden for the div that contains the animation, and in the animation itself I've specified overflow: hidden for the stage.   This works fine in Live view, but when I preview the page in a browser (chrome, safari, IE) I get scroll bars.  The animation also behaves as I want it to when I preview it in a browser by itself--i.e., not as a part of a fluid grid page.  I could live with a horizontal scroll bar, and there might even be an argument in its favor, but the vertical bar is a definite problem.  I've tried refining my css to overflow-y : hidden, but that doesn't have any effect either
    Any help would be great.
    Thanks,
    Peter

    I found an work around, albeit an inelegant one, so the link I posted to Nancy's reply now works.  What I found is that the edge animation produces an html document with a body style.  If I plug my overflow style there, voila, alls good.  Of course it will be overwritten if I regenerate the animation, but at least it's progress.
    p

  • Why do my Jquery functions stop working when adding an Edge animation to my page?

    I've used Edge now for a few months on several projects and it's very useful for a designer like myself to create html5 animations as quick as Flash, but I'm noticing that everytime you add edge to a page, the jqeury it uses overwrites any others on the page and breaks other jquery based widgets. Why is this?
    I've had a coder friend I work with have a look at the problem and his only solution was to put the edge animation inside an iframe, which is far from ideal.
    Is there a way to use Edge and still use other jquery widgets on the page? (Basically I'm using a Nivo Slider jquery fading image box further down the page, which is breaking).
    Thanks

    martcol wrote:
    > I really do not thing that I have done anything at all
    to the
    > page and can garantee no changes to the PHP script.
    >
    > It's hosted on some free space so there's no support
    there. What might be the
    > problem?
    With free hosting, you get what you pay for - nothing. It's
    possible
    that the hosting company has changed the PHP configuration
    and turned
    off the display of errors. Most companies do so nowadays,
    because the
    display of errors is considered a security risk.
    You can try adding this to the top of the PHP script:
    <?php ini_set('display_errors', '1'); ?>
    If that displays any error messages, post the details of the
    error
    message here, and someone should be able to help you.
    However, without giving more details of the script and setup,
    your
    question is rather like saying "My car won't start. What's
    wrong?" It
    could be anything. To get decent help online, you need to
    describe the
    problem in more detail.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS4",
    "PHP Solutions" & "PHP Object-Oriented Solutions"
    http://foundationphp.com/

  • How to integrate Edge Animation into a Joomla-CMS page?

    I tried to integrate an Edge animation into a Joomla site, but there appears just a white page...

    Hi,
    I guess I have two answer on two levels. The wordpress plugin (EdgeSuite) allows you to place compositions inline or use iframes, so it is not really plugin vs. iframes.
    EdgeSuite brings various benefits (if you ask me):
    First of all, it comes down to just uploading stuff, place it, done. No ftp upload, filehandling or whatsoever.
    More over that the plugin enables sharing of core edge libraries. E.g. if you place two compositions on a page without modifying them, all the edge libraries (edge.js, jquery, yep, easings...) will be loaded twice as they sit in different directories. Same with viewing compositions on different pages, each composition loads its own set of libraries. 10 different compositions results in 10x loading of all libs. Edge Suite on the other hand alters the path for the resources and places them in one directory. Libs are only loaded once, for the whole page.
    If you have a simple website cluttering your webspace at root level might be an option. If you are using a CMS and have 10 compositions that is just awful. EdgeSuite places all composition files in a clean file structure within subfolders, no cluttering.
    That's just from the top of my head.
    The iframe topic is a bit more difficult. Personally I think iframes are mostly bad practice. It's like in the early days of the web with table layouts and framesets. There are cases where iframes make total sense and are the best way to go and that's why EdgeSuite can also render iframes. But I personally only want to "see" an iframe when there is no other option. If you can do it inline, do it inline. Bad SEO, loading times, semantic fragmentation... security aspects, sandboxing on the other hand are just a couple of the most common arguments. Most of the arguments don't directly apply to the context of Edge Animate, but still... decide for yourself
    Hope that answers your question to some degree.

Maybe you are looking for