IFRAME with edge animate do not respond on iPhone

I've successfully added a block Edge animate a Squarespace page. The only way that I could understand how after having scoured the Squarespace forums and Googling had to use an iframe. It works great EXCEPT for on the iPhone. The animation is not updated scale so all see you is the top of it. Any ideas how to solve this problem?

Page:

https://Karen-Nagano.Squarespace.com/

HTML:

" < iframe src =" https://Karen-Nagano.Squarespace.com/assets/knlogoanim.html "frameborder ="0"> < / iframe > "

Custom CSS:

. Edge {width: 50%; margin: 0px auto ;}}

.iframewrapper {height: 0; width: 100%; padding-bottom: 49,78%; overflow: hidden; position: relative ;}}

.iframewrapper iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0 ;}}

Thanks in advance!

Finally, I think that I found a solution to this problem by modifying the css for the width of the iframe:

min-width: 100%;

Width: 10px;  / * something smaller than the window * /.

Here my full code for a reactive iframe container edge animate:

I hope this might help.

Tags: Edge Animate

Similar Questions

  • Loading preloader code of action ever performed with edge animate (2014.1.1).  Is this a bug?

    Some code I put in the P ofreloader action of loading does not work with edge animate (2014.1.1).  He used to work in previous versions.  How can I make it work?

    Hi Phildsb

    We have fixed this bug. This hotfix will be available with the next version of edge animate - ETA possibly 1-2 months on this version.

    Thank you

    Dieudonné

  • JS error on export with edge animate?

    Ive just started messing around with edge animate and Muse.  The first time or two that I exported it worked.  But I'm not sure what I did, but now whenever I export I ge TThe:

    http://i.imgur.com/gtqQDiH.PNG

    It works FINE in the preview, but when I export, I get this error every time.

    Even with a new website and a new animation.

    Hello

    Large. I must tell you that the most common cause of JavaScript errors on a page of Muse is missing from server or .js files or other files on the server, not all human beings of the backup of files .js version of Muse. If you use an external FTP client, you must re - download all the files and folders every time that a site is implemented using an updated version of Muse (since the code generated by changes of the Muse of liberation to free to improve page load performance, support new features, new versions of browsers or devices (, etc. of the address, etc.).

    The second most often the cause of errors JavaScript on a page Muse is bug embed code and/or include code that is in conflict with the JavaScript code used by Muse.

    Kind regards

    Rohit Nair

  • In collaboration with edge animate, how can we change layer colors and and the names of the layers?

    For many years, I worked with Adobe Photoshop, and the ability of change the color of the layer or the layer name is pretty easy. I have been reading around on how to do this with Edge, but can not find any information on how I might be able to do this. Can you help me?

    Thank you!

    LainKennedy

    Layer of colors is not an option on board animate; but to change the layer name is the same as in Ps: double-click directly on the layer title.

    Darrell

  • "Jump" to a specific slide in adobe captivate with edge animate.

    I want to "jump" to a specific slide in adobe captivate using interactions created in a file hosted from edge. Is someone able to help me with the javascript code needed to do this?

    So I don't know what was going on in April which did not possible but now 9 Captivate at least you can below to communicate a slide jump in Cape Town from the edge.

    I have an Edge file with a unique symbol to this topic called edgeButton which is just a simple rectangle with text on the subject. On the click to edgeButton event, I added the following script:

    window.parent.postMessage ('2', ' * ');

    Where the '2' is the second slide in a Captivate project. Here's a visual aid on board for the game to the top:

    On the side of the course of things, I set up a simple empty project with two slides on it and have disabled the PlayBar. On the first slide, I imported the OAM Edge file from above and on the second slide are just a simple text caption so that you know you have arrived at this slide after clicking on the "Click me" button in the animation of embedded edge. Here is a visual aid for the CAP put in place:

    Notice that there is a progress of the Actions run on the onEnter of the master slide. This is what looks like this Action:

    First, we add a Pause action so that the project does not automatically. Then we add a Javascript action to perform on the window 'active'. The script in the window Javascript crap is:

    window.addEventListener ("message", slideJump);

    function slideJump (event) {}

    Console.log (Event.Data);

    window.cpAPIInterface.gotoSlide (event.data);

    }

    If you use IE, change the first line of window.attachEvent ("onmessage", slideJump);

    What we have done here is connect Edge (that Cap incorporates in an iframe) with Cap using the postMessage function that allows document windows communicate with each other. Since the Edge object is inside the DOM of the CAP, the script of edge must publish its message to its parent window, which is the Cap document window. Add the listener for the event message to Cap on its current context of window and after receiving the message that we call the function slideJump and suss out the string that was sent to the wire using event.data, which in this case will be "2."

    We record the value in the console

    Console.log (Event.Data);

    just for sanity check our channel, then pass the string to the common JS Cape API interface

    window.cpAPIInterface.gotoSlide (event.data);

    the Cap project going to slide #2.

    If you're curious, here's a Stack Overflow write to postMessage . Communication between edge and Cap can work in two ways via postMessage, btw. Here is an example where we do something similar, except that we control an animation of edge of assets to Captivate with postMessage.

    I know that this response is a few months late to the party, but if all goes well it helps or helps someone else who might be looking for a response to a similar problem.

    Jord-

  • Accidents consistent with edge animate and Yosemite

    I use Edge animate running on a macbook pro and it crashes every few minutes (as many other reports).

    The program is updated. I uninstalled and reinstalled.

    Sometimes after a minute or two of work, display features disappear. Keep the old bounding boxes, but with a careful cursor action, I can always manipulate the image or symbol... until that overall the program freezes. Other times things just stop working (for example, trajectories). The only solution is to force, exit the program - button on the crash view rarely works.

    Whenever it breaks down, it seems to create another Adobe Edge animate CC 20141 Helper in the activity monitor (not sure what that means). I tried to remove them, but it does not help.

    In the console, I get

    18/02/15 9:16:30.612 AM Adobe Edge animate CC 20141 [4172]: * the Assertion failure in French-[subtype NSEvent], /SourceCache/AppKit/AppKit-1343.16/AppKit.subproj/NSEvent.m:2427

    There are 43 (!) lines that are identical to those above.

    It is obviously a known issue and needs to be acknowledged and corrected!

    No thanks to Adobe, but thanks to a friend. It seems that, for me, the problem was a chrome task so I removed Chrome and it works much, much better. I rarely down now rather than crashing after 30 seconds before working. Do not forget that you get rid of everything that belongs to Chrome - I searched "completely remove Chrome."  Good luck!!

  • Edge 20141 problem with edge commons do not work now

    Hello

    I'm trying to make Parallax but with common edge but do not work now, working with CC 2014. If anyone can help me thank you

    There is no need to uninstall. You can have both versions of the edge that is installed on a system.

    Go to, animation HTML | Download the free trial version Adobe Edge animate CC

    And select the 'CC 2014 simulation' menu dropdown and download and install.

  • Rub a wheel and turning a pot with edge animate!

    Hi all!

    With the wonderful edge Animate and the JQuery Ui library external (for the drag), I did a wheel that you can move with a scrubber bar.

    Is the original code, super useful where I started by JackPister in this thread: http://forums.Adobe.com/message/4752554#4752554 .

    I used Jquery Ui to drag so I simplified the code.

    Here is a prototype: http://www.terredainventare.it/edge/wheel/wheel.html .

    Here is the edge project files: http://www.terredainventare.it/edge/wheel/wheel.zip

    Now, (almost) everything works, but I have two question for readers of the Forum and experts facilitate dashboard and the staff:

    (1) do you not see that, when I hover over the cleaning brush, the wheel moves? Why is that?

    (2) what if I do (and I want!) build a circular scrubber that moves with the wheel? I'm more explicit with these photos. It would be like a pot that move you by dragging the handle!

    Pot wheel with handle.jpeg

    Thanks a lot for your help!

    Davide

    Hey, Davide,.

    Your cardinal spinning direction runs through animation scenario, Yes? If so, you can use the utility function "_getTranslation" below to calculate how frame to rub in, based on the position of the scrubber. Put it in function of sliding. This function "_getTranslation" basically takes 2 sets of min/max values and an input value and returns a result value. Note that you need to find a way to convert your values Math.atan2 degrees, before transmitting the values of this utility function.

    / * description of variable parameters

    sym.minInput = minimum angle of rotation

    sym.maxInput = maximum rotation angle

    sym.minOutput = 0 (the first image of the cardinal symbol)

    sym.maxOutput = number of cardinal symbol images

    sym.inputNumber = current rotation of scrubber (you will need to find a way to convert your values of atan2 degrees)

    */

    SYM._getTranslation = function (sym.minInput, sym.maxInput, sym.minOutput, sym.maxOutput, sym.inputNumber) {}

    var translatedVal = ((sym.inputNumber-sym.minInput) * (sym.maxOutput - sym.minOutput) /(sym.maxInput-sym.minInput)) + sym.minOutput;

    Return translatedVal;

    }

    With regard to console.log:

    Console.log ("testVar =" + testVar); is EXTREMELY useful. I use all the time to get values and find where the code is breaking, etc.

    To view the console log,

    in Safari: develop/see the Console errors

    chrome: display/developer/Javascript Console / Console

    FF: Tools/Web Developer / Web Console (or even better, install Firebug)

  • TB, slow and not meet with 'The Script is not responding' mailWindow.js CAUSE: McAfee (new)

    I have been using TB and its predecessor Eudora for years without any problem. These last few months I met it is very slow and usually "does not" clicking on something before the end of the thought. At this point I sometimes get an error message "chrome://messenger/content/mailWindow.js:180", saying that the script has stopped working. I click on continue and it resumes.

    After reading the various posts on the topic several times I did 1) re-indexed 2) made a clean installation 3) disabled modules 4) run in safe mode. Nothing seems to improve things. typical symptoms are:
    A. Download emails seems to take normal time, but their display in the Inbox can take a minute or more (used to be instantaneous) by clicking in the intermediate product, the message "not responding".
    B. Sending messages seems normal
    C. selection of a mail in the Inbox, or try to move or delete one takes a minute or more. Click on in the meantime generates the message "not responding".
    D. generally every action with the mouse has this long accompanied "not responding".

    I use Windows Vista, McAfee is installed but disabled does not make a difference.

    https://wiki.Mozilla.org/Thunderbird: test: Antivirus_Related_Performance_Issues #McAfee

    If you're having trouble following the instructions please contact McAfee support.

  • I'm having a problem with the tabs is not responding after deleting localstore.rdf

    After the 4.0 update b7, I had a problem with my toolbar to reset and (a little), I corrected by deleting localstore.rdf. Now, however, my tabs do not respond when you click them, and Firefox is essentially locked on the first tab ideas?

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of your modules is causing your problem (switch to the DEFAULT theme: Tools > Modules > themes).

    • Makes no changes on the start safe mode window.

    See the extensions, themes and problems of hardware acceleration to resolve common troubleshooting Firefox problems and troubleshooting questions with plugins like Flash or Java to solve common Firefox problems

    Create a new profile as a test to see if your profile is the source of the problems.
    See basic troubleshooting: a new profile

  • Twitter API and edge animate does not

    Hello

    I watched the great video on the use of the Twitter API in edge animate on Adobe TV and I thought I'd give it a go.

    I followed the steps and unfortunately it does not work for me... Not even an error during a test in a browser, nothing...

    Here is my code for compositionReady:

    try {}

    Read the tweets, the number of tweets to display the value

    var 0 = {username: "adobeedge", count: 4};

    var twitterUrl = " " http://API.Twitter.com/1/statuses/user_timeline.JSON?screen_name= '+ o.username +' & count = "+ o.count; "

    AJAX function to connect to the Twitter API

    $.ajax ({url: twitterUrl, dataType: 'jsonp'})

    {.success (function (data))}

    $(données, fonction (index, item) {} .each)

    itemRenderer = sym.createChildSymbol ("itemRenderer", "tweetContainer") var;

    itemRenderer.$("tweet").html (item.text);

    itemRenderer.$("image").css ("background-image", "url("+item.user.profile_image_url+")");

    });

    });

    }

    {catch (Error)}

    Alert ("Error:" + error.toString ());

    }

    Any suggestions?

    Thus,.

    Replace: var o = {username: "adobeanimate", count: 4};

    by: var o = {username: "edgeanimate", count: 4};

  • The links I created a page that I built with edge animate are no longer works.

    I created a Web page with edge lead a month ago. The links worked then. I just checked and the links are no longer working. I have no idea why.

    Thank you. I fixed and the links work now. I refine them, but the links are back. I never would have found on my own. Thank you for your help.

  • e-card email (create with edge animate)

    Hello world!

    I would create an animated e-card using adobe edge animate to give it to my client that will send to its mailing list (end of year wishes). What format (file type pixel) do I need to provide? What should I pay attention to.

    Thank you very much for your help!

    If there is no interactivity, you could do a screen recording of it.

    If there's interactivity, so no, but you could put it on a server and your client might provide the link.

  • Edge Animate - elements not be loading or are slow to load on mobile devices

    I made this edge interactive animation animate.  All the graphics have been imported at the edge of the Illustrator as svg.  It works wonderful on desktop computers.  However, when I tried it on my Kindle Fire and the iphone 6, it's very slow and some elements didn't load at all.  Anyone can shed some light?  Thank you very much!

    Click on the link to see:

    www.adriennemyersdesign.com

    I use Edge animate CC 2015

    Hello, more likely, you will just need smaller SVG and it should work more smooth.

    Why graphics appear intermittently in the file Edge browser animate?

  • Cannot download Edge animate. site not found?

    You are using Mac OS 10.6.8 I am unable to download EA. Help?

    Screenshots below of each step until the error.

    Screen shot 2012-12-04 at 2.24.51 PM.png

    Screen shot 2012-12-04 at 2.24.55 PM.png

    Screen shot 2012-12-04 at 2.24.59 PM.png

    Thanks for posting these links, supersunrising.

    If you get the same (or similar) mistake as shandraw71 mentions above, as a temporary workaround, you can download and install Adobe Application Manager (AAM) of the links posted here: http://www.adobe.com/applicationmanagerpatch/index.html

    After that, open MAO from the Start Menu (Windows) or the Applications (Mac OS) folder and then click on the link 'Install' right of Adobe Edge animate.

Maybe you are looking for

  • Numbers - cannot export to PDF

    MacBook pro OS X Yosemite 10.10.5 I have the 08 numbers version 1.0.3 I'm more able to export numbers in pdf or excel format.  I save the file/worksheet in numbers, then export to pdf or excel format.  When I do this I get the following message is di

  • ITunes 12.4: TV missing grid view shows

    I am running iTunes on Mac OS X 10.11.5 12.4.0.119 If I find my music or movies in the iTunes menu, I see them as covers / movie posters, in iTunes drop-down display-> show in the menu, I have an option "grid." If I consider my TV shows in the iTunes

  • That is the soft calls for a new App specific password?

    I have put 2FA in place on my apple ID. At startup my MacBook Pro asked my password to iCloud. I enter a few times (a little distracting). Then this dialog appears (more than once): By clicking on the button 'create' taking me to my Apple ID page whe

  • Tecra A9 - 12 H - Touchpad does not

    The finger on my A9 - 12 H touchpad has stopped working. I can only operate the notebook using a wired mouse. Any ideas?Thank you, Andy

  • Advanced use of TestStand Deployment Utility

    I want to automate the build process for my bench of test systems. Is it possible to call and build a .tsd automatically from labview or command line? If not is it possible to call post actions after a build completed successfully (i.e.. Zip and move