2 animations of edge in iframe on the same page?

Hello

I'm sure this question has been asked before, but the search of this forum and the web, I'm still not sure of the answer. Its day 2 now. . Laughing out loud

I have the code to integrate the animations here. .

1)

< div class = "9promopanels" >

< div class = "embed container-" >

" < iframe src =" http://myURLhere.co.UK/WP-content/DynamicContent/promo%20box%202/9%20promo%20box.html "frameborder ="0"> < / iframe > "

< / div >

< / div >

And the CSS (reagent):

{.9promopanels}

Width: 100%;

margin: 0px auto;

}

{.embed-container

height: auto;

Width: 100%;

padding-bottom: 100%;

overflow: hidden;

position: relative;

}

.embed-container iframe {}

Width: 100%;

height: 100%;

position: absolute;

top: 0;

left: 0;

}

Then for the next I have again the same code, just different settings on the padding-bottom: 30% the height above the aspect ratio (as a percentage).

Now and then. Here's the tricky part! I need to get the two animations to run on the same page for the main content, just a lower page. As it is now on the page, there is a conflict, but I'm not terrible at Js!

I'm not a more clever there, but am ok then I'd appreciate a pretty simple explanation!

Thanks for the help!

Hi, helloworm-

Here is a simple example of multi-composition I set up to show you how it's done.  I tried to remove everything except what you will need and added a few positioning CSS inline for the two div that I placed on the page.

https://creative.Adobe.com/share/e601cde9-e8b7-4179-ad91-bf9361bcdf6a

Hope that helps!

-Elaine

Tags: Edge Animate

Similar Questions

  • Bug. Can not put two edge animations animate on the same page

    Alrighty. Just thanked Adobe for fixation sensitive question scaling. Now, it seems to be a new. When I put two animations dashboard run on the same page, they both disappear completely from the view! Both in mode live view (or which saw fluid grid) and trying to get a glimpse into any browser. The responsive design works fine but if I put two animations on the same page that the two just disappear! GONE!

    Perhaps there is a code that I can use to prevent this. I did a number of tests during the last hour. My smile (from the reactive solution) is now again a frown. I can't keep working like that. Please let me know if there is something I am doing wrong. I have two animations on a page without worries prior to this version, but the delicate design did not work properly. The responsive design work NOW, but I can't have MORE than ONE ANIMATION on the same page. Thanks for your time. Best regards, Julian.

    The use, I did the modification required:

  • How to load several HTML5 canvas on the same page (the right way)

    Hello

    I struggled to load several animations of canvas on the same page. At the beginning, I thought that export movies with different namespaces and reload the libraries in a sequential workflow might work, but it doesn't. It still load just the last loaded movie. More info here: coding challenge: what am I doing wrong?

    Here's a sample of what I'm doing:

    1: publish two flash animations with namespaces customized to "lib" defined in the "publication settings": "libFirst" and "libSecond".

    2nd: Edit the canvas tags in the HTML page. One called "firstCanvas" and another one called "secondCanvas".

    3rd: change the javascript like this:

            <script>
            // change the default namespace for the CreateJS libraries:
            var createjsFirst = createjsFirst||{};
            var createjs = createjsFirst;
        </script>
        <script src="//code.createjs.com/easeljs-0.7.1.min.js"></script>
        <script src="//code.createjs.com/tweenjs-0.5.1.min.js"></script>
        <script src="//code.createjs.com/movieclip-0.7.1.min.js"></script>
        <script src="{{assets}}/js/first.js"></script>
        <script>
            function initFirstAnimation() {
                var canvas, stage, exportRoot;

                canvas = document.getElementById("firstCanvas");
                exportRoot = new libFirst.first();

                stage = new createjsFirst.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();

                createjsFirst.Ticker.setFPS(libFirst.properties.fps);
                createjsFirst.Ticker.addEventListener("tick", stage);
            }
        </script>
        <script>
            // change the default namespace for the CreateJS libraries:
            var createjsSecond = createjsSecond||{};
            var createjs = createjsSecond;
        </script>
        <script src="//code.createjs.com/easeljs-0.7.1.min.js"></script>
        <script src="//code.createjs.com/tweenjs-0.5.1.min.js"></script>
        <script src="//code.createjs.com/movieclip-0.7.1.min.js"></script>
        <script src="{{assets}}/js/second.js"></script>
        <script>
            function initSecondAnimation() {
                var canvas, stage, exportRoot;

                canvas = document.getElementById("secondCanvas");
                exportRoot = new libSecond.second();

                stage = new createjsSecond.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();

                createjsSecond.Ticker.setFPS(libSecond.properties.fps);
                createjsSecond.Ticker.addEventListener("tick", stage);
            }
        </script>

<body onload="initFirstAnimation(); initSecondAnimation();">

    Could someone please answer with best practices on how to do it? If possible, without the need to reload all libraries...

    If I only need to show a flash animation at the same time, it would be more efficient to cut/paste the canvas using jQuery tag in the DOM and reload a different lib on this subject?

    Thank you very much!

    #flash #reborn

    I was able to remedy. In the end, it was easier than I thought. Just publish using namespace different 'lib' for each film, load all the scripts at the end of theand add the following in the onload or ready events:

    $(document).ready(function () {

        var canvas, stage, exportRoot;

        // First movie
        canvas = document.getElementById("firstCanvas");
        exportRoot = new libFirst.first();

        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();

        createjs.Ticker.setFPS(libFirst.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);

        // Second movie
        canvas = document.getElementById("secondCanvas");
        exportRoot = new libSecond.second();

        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();

        createjs.Ticker.setFPS(libSecond.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);

        // Third movie
        canvas = dument.getElementById("thirdCanvas");
        exportRoot = new libThird.third();

        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();

        createjs.Ticker.setFPS(libThird.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
});

  • How to recharge and refresh the same page by pressing a button on the same page

    Hello
    I have page ex: page 3
    on page 3, I have a few Iframes through which I call few reports Interacticve. If someone modifies any event for any of the intrecative reports in their corresponding pages I want to refresh current page3 page IE pressing the button refresh? I know it's newbie question?


    Thank you
    Manoi

    Create a Refresh"" button. Redirect optional URL section, select the target as a page and enter the number of the current page (as 3). Also enter number of page 3 to clear memory cache.
    This will reload the same page.

    See you soon,.
    Hari

  • 4.3 pages: how to print files of different text on the same page at the same time?

    This concerns 4.3 Pages, I prefer.

    I have written two different books, both with notes - one with a lot of notes.

    I would like to print them both, at the same time, on a single page legal-size, 8 x 14. I can get.

    I did this time in divvying up toward the top of the page itself and by running the paper into the printer twice - once for the top the half and, again, once for the lower half. It worked very well... but my printer is becoming tired! (former HP).

    Recently, I tried to print the most complex book on top, with all the heavy notes, in a 'box' above. I managed to get this set only to discover that you are unable to print notes in a text box! Curses.

    Unfortunately, through the raggedy of the time evolution, these books are more than a length. However, I know that I can squeeze and tweezers to them by giving them different sizes and depths of the page. Certainly, foreign and unknown.

    Why the question is: is it possible to print simultaneously two different files (texts not only) on the same sheet of paper? Each of these texts has notes.

    Hi aws.

    4.3 pages. It will work for you?

    A single page with two columns

    Insert a column break between the two versions. Notes appear on the same page.

    Kind regards

    Ian.

  • How to set preferences so that open new tabs to the same page that activates when the command-T has been affected?

    By opening a new tab, the default tab opens to thumbnails based on recent history. The Safari, I want the new tab to open * to the same page, as was active when command-T was hit *. What are the specific actions, to set the default value (preference), new pages to open 'same page '? ('Same page' is check in Safari preferences box).

    Note, I've sailed available Support of Mozilla and using about: config have reset browser.newtab.url so that the new tab appears empty (stop followed recent history for this purpose).

    Note, most importantly, I found this article of Support Forum, which, although written challenge, gave me a temporary solution:

      * https://support.mozilla.org/en-US/questions/891635

    (The temporary solution for the Mac OS is to command-click the icon 'Reload current page' in the url/address box in the browser toolbar, which opens a new tab in the same window).

    However, I would like to define this as a preference permanent and would ask someone give me a solution. Cheers, teacher

    LeProf_7272 wrote:

    if I can possibly just create a new config line

    You can't, that's why I suggested the modules above. There is no option in the user interface or preferably hidden in Firefox that can duplicate a tab whenever you open a new tab browser.newtab.url can only be set to a fixed address, what address is to be opened in the current tab.

    Are the only two built-in methods to duplicate a tab:

    1. Hold down the Option key and drag the tab to a new position on the tab bar.
    2. Hold down the command key and click the reload of the address bar.

    You can make feature requests by filing development bug reports or by opening the Help menu by clicking on your comments.

  • When you download a new page, the page will move upwards a little, revealing the same page as, and then will go back down and full download.

    I have Windows 7 32 bit, Firefox 19.0 when I click to go to another page, sometimes the current page will move upwards a little, revealing the same page under. After a few moments, the current page will move down and then goes to the new page and download.

    Hello, you can try to reproduce this behavior when you start firefox in safe mode, once? If not, perhaps an addon intrudes here...

    Troubleshoot extensions, themes, and issues of hardware acceleration to resolve common problems of Firefox

  • Click on a. Shortcut HTM extension lead to the same pages 2 to open every time

    I just upgraded to Version 17.0.1 Fiefox and now whenever I click on a shortcut to a .htm file on my open office 2 of the same pages. I tried the trick of 'make IE default browser and then switch back to Firefox' as advised in blogging help, but that made no difference. I even "reset firefox" without result.

    I had to remove Firefox manually (Windows uninstall won't) and then re-install Firefox. Fortunately, I didn't lose all my favorites. Thanks for all the offers of help displayed.

  • Different coloured links on the same page

    If I set up different coloured links on the same page, it does not work on firefox but on other browsers it is fine.
    Example: -.
    a.Yellow:Link {color: #FFFF00}

    Any suggestions?

    Thank you!

    Martin

    http://www.w3schools.com/CSS/css_pseudo_classes.asp

    You have it tired with the color?

  • How to set up the 'new window' tab to open the new window as the same page

    How to configure the tab 'new window' to open the new window on the same page?

    Clone of extension of the window - will also Clone a tab:

    http://www.Pikey.me.UK/Mozilla/?addon=CW

    Clones the current tab's address and history into a new window when the New Window command is used (and optionally into a new tab when the New Tab command is used).

    Compatible with Firefox 9.0. *

  • How can I open now two copies of the same page

    As a shortcut to business I cut and paste a copy of one web page to another copy. The new feature does not allow two copies of the same page. Is there a way to force the two copies?

    • Press the SHIFT key while an entry in the drop-down list is highlighted to disable 'Switch to the tab' and see the URL.
    • Use the right arrow to select an element marked as switch to tab in the menu drop-down and copy the URL in the address bar.
    • Open the URL in a new tab using Alt + Enter on the highlighted entry.
    • Open the URL in the current tab by using shift + enter on the highlighted entry.

  • Check boxes are displayed incorrectly &lt; input type = "checkbox", "checked" &gt; in 4.0.1 when they are fine for the same page in 3.6.17

    Check boxes are not displayed properly checked < input type = "checkbox", "checked" > in 4.0.1 when they are fine for the same page in 3.6.17

    Maybe you can try to use controlled instead of "checked".

  • Place a photo on the same page of a photo book?

    So I did a lot of photo books in the past with iPhoto, I'm working on my first with Photos. I can't for the life of understand me how to move a photo from one spot to another on the same page without removing it completely, and then placing the photo once again in place I want.

    It is a HUGE pain when I don't want chronological photos on the same page. My normal process is to add photos to the page, by increasing the number of photos on the page until I have everything I want, then I move them until. This allows me to just go through the photos unplaced until I get what I want. In iPhoto, it wasn't a problem, but with pictures, it seems that once you have placed a picture, you cannot move. So whenever I want to add a new photo to the page and increase photos by the Photos of say 3-4, page move around randomly and I have to start all over again with the placement. Would not a big deal, except that Photos sorts photos unplaced by date, so when I took a picture to place in a new spot, now I need to go hunting for him again in the list.

    Any help would be great, I hope my question is clear.

    You can drag a photo to a different location on the page:

    • Place the pointer over the photo, click on hold until the photo is displayed outside, and then drag the photo to the Photos area or another location on the page.

    If you drop the photo on a different box of photos with a photo the two photos swap places.

  • My printer continues on the same Page more printing and more

    My printer HP Deskjet Ink advantage 2010 continues on printing the same page over and over again. I don't really know what is happening. I've tried everything. What should I do?

    Hello

    From the desktop, hold down the Windows key and press R.  In the run window, type services.msc and press to enter.  Scroll down to the print spooler service, right click and select Properties, then click the Stop button.  Now search for C:\Windows\System32\Spool\PRINTERS, then delete the work inside this folder - you may need to click a command prompt to get the authority to open the PRINTERS folder.

    Restart the computer and you should find that the document has been deleted.

    Kind regards

    DP - K

  • When browsing the net I get ads on the same page as my email

    Whenever I have begin to surf the net for anything, I get a lot of ads related to what I'm looking for. The ads appear on the same page as my email. Most embarrassing and I continue having remove the ad.  How can I stop this?

    Hi JennyD_62,

    1. who is the provider of mail service?

    2. what browser do you use?

    If you are facing the issue only when accessing mails, I suggest you to contact your e-mail service provider for help.

    Hope the helps of information.

Maybe you are looking for

  • Save the address book

    using tb 31.2, ow to save the address book or is it saved profile? also, how to make contact groups?

  • Satellite L350D - 20 d - 2 x Ati catalyst in the Task Manager

    Hello I just want to ask Ati Catalys and task Mennager... Well, everything works well from the last fan and cooler cleaning, but... I'm not sure if what I see in the task abotue Ati2evxx.exe Manager... I had two same processes there. Is this normal o

  • automatically using Refresh tool (updated)

    I have a HTC touch pro 2 mobile phone.Can I install the Auto-Refresh tool, so thatthe site where I'm looking, updating automatically?Registration is from my employer and I need to get my work on this site. When there is a new job, he will be on this

  • Why do I get ' Windows Live Mail error ID: ox8de2007 ".

    If I try to contact someone to a Web site. Live Mail won't send it. I get this error message

  • Trusted Installer user account: what is this account?

    original title: Trusted Installer user account I noticed that in the permissions for the windows folder there is a user Installer trust account in the ACL. What is this account? and can I connect as trusted Installer? It makes no sense because when w