Parallax with edgedocks

Hello....i'm trying the edge, and liking it..i'm familiar with adobe cs, but not with the code..
thats why im into edge and muse..
parallax in edge works, also with the preview, but when i'm puting it into muse..and export to the internet...
i'm getting a normal edge thing, which is not working with the parallex ( scrolling down, and the aniation go on and back)
is there an answer for that?
It's a very easy animation, just for the try
i'm using this code in egde:
// insert code to be run when the symbol is created here
          yepnope({
    load: "http://cdn.edgecommons.org/an/1.0.2/js/min/EdgeCommons.js",
          callback: function() {
                    EC.centerStage(sym);
                    EC.Parallax.setup(sym);
i hope anybody, knows what i mean..and hopefully a solvation..
grt marcel

Hi,
I'm not sure if this is any help.
Create Click and Touch Draggable Scrubbers with Edge Animate CC | sarahjustine.com
Looking at all the tutorials you are looking at they are using EdgeCommons which is an external javascript file which needs to be added for the code to work.
If you haven't already, this is a tutorial on how to add the EdgeCommons javascript to your edge page. This should hopefully resolve your issue.
Edge Commons - Extension Library for Edge Animate and Edge Reflow | EdgeDocks.com
I hope this helps.

Similar Messages

  • Parallaxing with layers..

    Hey guys, Just wanted say I love Parallaxing! But I am having a few issues with it and layers. Even though I have the image "sent to back" it will appear on the top after hitting its keyframe to change the movement speed. I put up a link to issue, you will find it at the bottom of the page where I have the images of me and my co worker slide in from the sides. You will notice the tops of our heads will apear over the top nagavation bar.. Also any thoughts on the design of the site?
    http://samp03.businesscatalyst.com/index.html
    Thanks,
    Josh

    Hey-
    I just checked you site out and I didn't see any bug. You and your co-workers head appears below the nav. Btw, shout out to Lancaster, Pa! I live outside Philly and I go to the Keystone Record Fair in Lancaster quite a bit.
    >K.

  • Parallax with easing from anchor and mouse wheel

    Can anyone please point me into a tutorial on how to add mouse wheel easing with a parallax effect? An effect similar to www.boy-coy.com where easing is everywhere - in anchor links, in scrubbing the scrollbar, and even when using the mouse wheel.
    Any help would be appreciated. Thank you.

    I uninstalled the 1.6.06 on my Windows xp Windows Virtual Machine because I believe it was doing this.Granted, you will have the latest JRE installed, but the Forms app is still configured to use JRE 1.6.0_06. If you open your Java Console, you will see the Java version listed at the top and a message that basically states the JRE is stepping down to the specified version.
    IE7.The minimum JRE version required for IE7 is Oracle Jinitiator 1.3.1.28 or Sun JRE 1.5.0_06 (Forms version 10.1.2.2) or 1.6.0_04 (Forms version 10.1.2.3).
    Then I also tried on Windows 7. IE8.Windows 7/IE8 required Forms 10.1.2.3 and Sun JRe 1.6.0_16 or higher.
    You can find each of these requirements in the Oracle Application Server 10g (10.1.2) Certification Matrix.
    In order to test your client with the new JRE version, I suggest you contact your Apps Server admin (SA) and ask them to create a new config in the formsweb.cfg. This is easy to add if they use the Oracle Enterprise Manager 10g - Application Server Control. Once your SA has created a config that uses the 1.6.0_23 version of the JRE, you just need to pass this as a parameter in your application URL. For example, if your URL is: "http://your.server.com:8889/forms/frmservlet" you would add "?config=your_config". All together it will look like: http://your.server.com:8889/forms/frmservlet?config=your_config
    Craig B-)
    If someone's response is helpful or correct, please mark it accordingly.
    By the way, you can quote someone's post by enclosing their comments inside the tag (only in lower case). For example:
    someone's quote here and this will show up like:
    someone's quote here:-)

  • How can i do horizantal parallax with jInvertScroll on adobe edge animate

    Hello there, i am not familiar with codes so please anyone can explain me to how to do horizantal parallax scrolling with JInvertScroll on adobe edge. I can show some examples of horizantal scrolling. Here it is:
    http://www.cabletv.com/the-walking-dead
    http://www.pleasecomejoin.us/#wedding

    Thanks for the files. Unfortunately I can't get it to preview correctly. This is what I am seeing.

  • Premiere pro and after effects ,,,  linked?

    can anyone help me? does anyone know  how you save a linked project to come back to at a later date?
    sometimes when youve linked a premiere pro project to after effects and you dont have the time to finish it , how can you save the link and load it back up at a later date to finish? 

    Hi Mat,
    I think I've found at last the solution to your problem; it doesn't seem to me very logical but anyhow it worked so as the French say goes " against ill fate, good heart" (not sure this should the proper translation!)
    As to be in your position I worked with my project in the same way.  Briefly my project includes a prologue of the Eruption of Vesuvius of 79 AD which destroyed Pompeii and Herculaneum. In the time line I have some shots of the Vesuvius, in total some 30 seconds split into 4 or 5 clips.
    My purpose here is to eliminate from the Vesuvius' cliffs any traces of the actual XX-XXIst century life, roads, trails, cars, observatories, trails inside the volcano of scientists going to take measures.
    For this I used the Clone/Stamp effect. I did not use the tracker method because:
    a/I'm not familiar with it,
    b/ the shot is practically static, hence not the use of the tracker method; the helicopter's movement has been obviously slowed down in post or may be while shooting and it is very stable. you have on 1st picture the original footage a
    After some 900+strokes I decided to stop and encode the project as to check how it all looked like. Amazing! lol! The music gives you the creeps in the pyroclastics surges views! Cecil B. de Mille can give back his apron! lol!
    But  I realized that at a particular moment when the helicopter's parallax with the Vesuvius had changed significantly then the border trail was again partly visible especially the triangle where the seismic observatory is located today; you can see clearly some strokes which were not done correctly and have to be changed on the preview in the second picture.
    Original footage
    Preview of the clone stamped lip of the volcano
    As i had saved my AE and Ppr Projects and closed the programs I was in the exact situation of yours. I opened Ppr and when I asked the program to reopen the modified clip in AE, It did so but the layer was absent! So I decided to open immediately the AE project saved earlier and then I found my layer made my new corrections and saved again the AE project while in the meantime all the new modifications were automatically transferred in a new instance visible in the project panel. I transferred this on the time line and cleared the old one.and to make sure I would not make mistakes later, I used the remove unused command in the Edit menu.
    It shows here(the cerulean label above my AE projects bin) :
    As I'll do again such operations I'll create a dedicated bin for these kind of AE projects to differentiate from my regular imported AE projects into Ppr.
    Final state of volcano at the same place:
    I don't know if this is the right procedure but the fact is it works and what makes me furious is that unless I have to change my spectacles or consult immediately an ophthalmologist , I have not found a trace of explanation anywhere in the help files online, I've checked numerous videos on youtube by young, middle aged or seniorissimo specialists tutorials and no one treat that very elementary aspect problem you and I had to deal with. Of course for someone working in the business  for 100 years it's obvious, but thank god I don't intend to wait till I'll be perfectly gaga to find this kind of solution. Nothing is superfluous in an explanation, never forget what happened to a poor animal whose mistress put to dry in her microwave with the result you may imagine. She had the courage to sue the manufacturer for not having stated in the manual that a microwave was not a hair dryer! And she obtained an enormous damages settlement!
    I hope the old bag I am has procured you the solution, I'm just an amateur and likely to remain so, as to paraphrase Henry Higgins in My Fair Lady!
    Claude
    PS:
    A s for the use of different versions of programs:
    First: as advised by all the guys here I've taken the habit to use the full version of CC and not to mix an older one with a new CC one; I use here AE CC to its latest version and Ppr  CC at the same updated moment. So there won't be discrepancies due to slight changes which create compatibility problems. I've had a huge problem once and it served me as a lesson. By the way I also have set up the autosave of all my programs to 5'.It can be annoying but when a problem occurs you're glad not to have to redo 1h work!
    Two: during the full development of a project I never change the version of CC with a new updated one for the same reason. I check myself if there has been new updates but do not apply them automatically.

  • Parallax scrolling .OAM file is not working with muse

    I had created recently parallax scrolling with Edge Animate. Parallax scrolling is not working after placing the OAM file in the muse.
    The problem is its not triggering the function with the scroll. Any Idea ?

    Please post your Edge Project file for others to cross-check?
    Also Muse embeds Edge Animate as an iframe within the Muse html file, so that particular interaction my not be the best use case.
    Also Muse (the latest version) has some wonderful Parallax capbilities built in - here are a bunch of references to check out.
    Darrell

  • How can I create an adaptable full-width site with sliding parallax panel?

    Hi guys!
    I have to create a web site with a full-width resolution, adaptable with any monitor and resolution using some panels that moves using the parallax scroll-motion with a sliding effects.
    For example I nedd a site like "collecdiv.com" that works with the same effects and with an adaptable full-widht size page.
    Here's some screen I take of my site with a 22" 1920x1080 resolution and a 15" 1280x1024.
    The 4 tab I want to see in full width and in scroll motion parallax: four with a resolution of 22" and the other four with a resolution of 15" (the screen are made with paint to let you see what is the problem)
    In the first tab there's a slideshow widget with some photo, in the other tabs there's a rectangular form with an image fill... I have to see the same layout that I see in my 22" monitor, in other smaller or bigger monitor (like 15") just like in the "collecdiv.com" website... The Dimension of my muse file is 960px width
    How can i resolve the problem? How can I fix the screen so anyone else can see my site without problem and with all the resolution?
    Who can help me? PLEASE
    Thanks in advice
    Francesco
    P.S.: an advise... check the site "www.collecdiv.com" to see what I nedd

    I'm adding this screenshot so you can understand the problem... The 4 tab I want to see in full width and in scroll motion parallax: four with a resolution of 22" and the other four with a resolution of 15" (the screen are made with paint to let you see what is the problem)
    In the first tab there's a slideshow widget with some photo, in the other tabs there's a rectangular form with an image fill... I have to see the same layout that I see in my 22" monitor, in other smaller or bigger monitor (like 15") just like in the "collecdiv.com" website... The Dimension of my muse file is 960px width
    Pleas help me

  • A Designer with a H/Parallax and a bag of goodies

    Hello, hopefully theres a person who knows the location to these - or can answer them???
    Started using EA last week, and from a PS and AI background and I love it.
    But I have an issue with the concept that is taken shape, and now I cannot complete it for client on time.
    So I have all the artwork for a:
    Horizontal Parallax moving Interactive Inforgraphic -
    My stage is 600px H and 4000px W, with 5 seperate background colours 800px w each, which I would like to scroll though (horizontally ---no vertical movement)
    So how do I activate horizontal scrolling???
    I would also like a Next & Previous (forwards - backwards) button on each page which are clickable (mine aren't doing that!)
    And finally on the base of the inforgraphic I require a contant measurement of your location and the page your on, so you can click 2 pages back if you wish.
    I was thinking about Adobe Muse - but I don't want a seperate URL - client wants this to be embeded on their website.
    If someone can provide a similar example, and tell me how to adapt to draw in my elements and symbols?
    Many thanks,
    PS - I've been added script from EdgeCommons on Parallax....am I doing it wrong?
    yepnope({
        load: "http://cdn.edgecommons.org/an/1.1.2/js/min/EdgeCommons.Parallax.js",
              callback: function() {
                        EC.centerStage(sym);
                        EC.Parallax.setup(sym);
                        EC.Parallax.setup(sym, "horizontal");
    // Show an Element
    Many thanks!!!!

    Sample here: https://app.box.com/s/fj9w3walfoo2b3cfn2u2
    Add this plugin:
    http://css-tricks.com/examples/HorzScrolling/jquery.mousewheel.js
    and
    add this code:
    $(function() {
       $("body").mousewheel(function(event, delta) {
          this.scrollLeft -= (delta * 30);
          event.preventDefault();

  • Discover New Parallax Scrolling with Adobe Muse CC | Creative Cloud for Design | Adobe TV

    Terry White, Adobe worldwide evangelist, shows how Adobe Muse CC lets you create stunning effects with just a few clicks. Make images and elements move in different directions at different speeds when scrolling — all without writing code.
    http://adobe.ly/12yzGv0

    There has to be a way to create a Re: Discover New Parallax Scrolling with Adobe Muse CC | Creative Cloud for Design | Adobe TV slideshow that fills browser width. It's not a problem for desktop, but it is a problem for laptops/tablets/phones.
    How did the site in the tutorial do it? Terry said it was created in Muse.
    Here is a test site that I've been working on - I would love to make it responsive w/o having to create separate tablet/phone sites:
    http://mandm.businesscatalyst.com
    Any suggestions?

  • Little problem with parallax

    i use for stage (this is responsive)
    width : with %
    heigth : with px
    i have in my compositionReady some fixebale element like that
    $("body").append($("#Stage_element").css("position", "fixed"));
    and function for parallax :
    yepnope({
        load: "http://cdn.edgecommons.org/an/1.0.0/js/min/EdgeCommons.js",
              callback: function() {
                        EC.centerStage(sym);
                        EC.Parallax.setup(sym);
    the probleme is :
    if i insert a picture and make it responve i build an animation for here she start lately and i can't see the animation to the end  !!!!!
    some ine answer me please

    I have see in pref window of transmit to fix the default app for ftp...
    Sorry....

  • My Page is flashing with parallax scrolling....

    I am having an issue that my page "flashes" when using parallax scrolling.
    you can find the page here:
    hursey.com/rlf
    it occurs at the bottome section of the page as you scroll down.
    Any thoughts as to the cuase or remedy for this would be much appreciated!
    As a side note I am also trying to resolve another dilemma where in the same section, I am trying to hide the type that comes in from the right for a portion of the page. You will see it come in over the browser area, then under other elements (which I want).  I tried to place a rectangle over that area and tie it to the edge of the browser to have it go "full width" but that is not working.
    Again any thoughts are appreciated!

    Thanks. It would be helpful if you could send us your .muse file so we have a file that reproduces this Safari-specific flash. Could you send the file to [email protected] along with a link to this thread? If the file is larger than 20Mb you can use a service like Adobe SendNow, SendThisFile or WeTransfer. Thanks.
    If you want to obscure the text before it reaches the page, I think you'll need to draw an opaque object on top and set the scroll motion settings for that object so it stays in the position where it needs to be to obscure the text as the text is sliding across.

  • Why is the webpage jumping all over the place with parallax scrolling?

    Hi all, I'm getting a little frustrated here... I've built a looooong (10,200 pixel) parallax scrolling site, when I click 'Preview' it plays like a dream, but when I render the HTML, view in browser or publish to business catalyst to view, it just jumps all over the place. I realise that the page is extremely long, I'm thinking it could be that but just need to clarify it before I rework it all and maybe find out after, that it was something else that was causing it to happen.
    Your views would be greatly appreciated!

    Hi Aish,
    I have found the problem, but not sure where to find the solution as I'm pretty new to Adobe products.
    I built another site to see if I had the same problem, this time I made it shorter to see if the length was the problem. I put in some elements and 'assets', added parallax scroll key frames, left out pretty much most other things to see if I could pin the problem down. I found that I had the exact same problem.
    In the Muse preview it scrolls with the mouse like a dream when I grab the scroll bar and drag it down. But when I preview in business catalyst, export HTML or preview in browser, it goes crazy and won't let me get to the bottom. Further to that, when you scroll back to the top, everything is out of place and gets worse every time you scroll down and back to the top.
    I have a touch screen computer and tried to scroll the screen with my finger rather than dragging the scroll bar down with the mouse. The website works like a dream when I scroll with my finger, even when I scroll back to the top everything stays in place and the whole site works lovely! I then tried the other, long website to see if this was the same case and it was exactly the same case. It scrolls with a finger like a dream, but has a fit when you drag down the scroll bar with a mouse.
    My next question would be could I somehow disable some kind of touch scroll option in only the desktop version of the site, but leave it active in mobile and tablet sites? If I can do this can you please advise me on how to deactivate it, I think that should solve the problem.
    Can you please get back to me with an answer to this? I would be very greatful!
    Marc.

  • Parallax Scrolling: Problems with scroll wheel

    Hi,I'm syue
    I learn parallax effect from this video.
    It helps me a lot ,but I have a problem with scroll wheel
    Everything looks nice on my computer.
    But when I make a test on different computers.It will show something like this...
    https://docs.google.com/file/d/0B-eo1Bu6k3N-cEw2c3dyWEpfNDA/preview
    I don't know how to explain the situation so I make this video.
    I also chick my code and it shows me everything is fine.
    I don't know how to solve this problem
    Can you give me some advice?
    Best regards. :-D

    I know many people who have 30 gig and no wheel problem. I have an 80 gig and no problem. Finding your warranty (or buying the extended warranty) would be useful.
    Good luck.
    Kid

  • How can I get a parallax effect with Hub Control or change the background image scroll rate?

    Like the title says, I'm trying to get more of a parallax effect with a Hub Control in Windows Phone. In my current hub app, the picture has to be as wide as the entire hub, and it scrolls through the picture quickly. I'd like a way to make the background
    image scroll slower than the content on top of is.
    I've looked everywhere in the API docs, but I can't find anything saying how to do this. :(

    Hi PTK7,
    Yes, currently there is no documentation for this effect, however we can manually control the image scroll speed:
    http://stackoverflow.com/questions/10589192/windows-8-gridview-parallax-background-image
    Also I found a sample from code center:
    https://code.msdn.microsoft.com/windowsapps/ParallaxBackground-A-Metro-f929e558, take a look to see if these helps.
    --James
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Problem with parallax scrolling moving around randomly

    I have an ipad air. My problem is with the parallax scrolling. It just seems to be moving randomly around the screen even when the ipad is steady and it's quite difficult to get the ipad to change orientation when I stand it on its side. I've reset  the ipad and turned it on and off a few times. Has anyone been having this problem and know how to fix it. I know you can turn it off but I don't really want to.

    Hi there
    I am experiencing the exact same problem with my Ipad Air. Did you manage to find a solution yet? Im hoping it isnt a hardware problem either. Orientation not really co-operating. Background image moving around the whole time as if trying to settle, even when device dead still?!
    Please do let me know
    Thanks
    Greg

Maybe you are looking for