Parallax scrolling + accordion - sliding in images on click?

Hey guys
I was wondering if there was anyway to combine elements of parallax scrolling to an accordion widget? I have different catagories of information, and when a particular accordion is clicked I'd like an image to appear with the text at a slightly slower speed than the accordion opening.
Is there a way to do this tidily? Thanks for any help.

Hi Nate and welcome!
One idea: you may accidentally have turned on zooming. Try pressing the control key as you use the scroll wheel on your mouse. Zoom out as far as it will go and release the control key.
Any better?

Similar Messages

  • Can I import CSS & Javascript to Parallax Scrolling?

    Hi
    I have an example of Parallax Scrolling which gives the image the illustion of colour change on each slide. A simple example is shown here:
    http://dev.creemama.com/krystalrae-scroll-effect
    I have tried to achieve this using basic Parallax Scrolling in Muse, but is does not work as effectively as the sample. Another example is shown here:
    http://krystalrae.com/2013/fall
    I asked the developer how he achieved this and he said they used simple CSS and Javascript. I have tried putting the CSS Code and the Javascript code into muse - but it doesn't work. Is it possible to put code (other than Google maps) into muse to get the above effect?
    I would be most grateful if anyone can help with this - I am sure it must be possible in Muse.
    Many thanks
    Deborah K

    user7488239 wrote:
    Hi ,
    I have one APEX application , now I have need import one  javascript file  to this application as static file in shared components .can I use sqlplus to upload this file to the application.
    Thank you . George
    Yes you can given that your source and target workspace have same name & id, basically you can export/import any files (images, css and static files)
    You can export individual static files and they can be imported only through SQL*PLUS
    See http://docs.oracle.com/cd/E37097_01/doc/doc.42/e35125/deploy_export.htm#HTMDB25824

  • TS3276 Having trouble sending jpeg images as attachments in Mac email.....they go thru as images and PC users can't see the SAVE or QUICK LOOK boxes that Mac mail has.  One friend scrolled over the image, right clicked on it and saved as a PNG file.

    Having trouble sending jpeg images as attachments in Mac email.....they go thru as images and PC users can't see the SAVE or QUICK LOOK boxes that Mac mail has.  One friend scrolled over the image, right clicked on it and saved as a PNG file.

    Apple Mail isn't going to change the format of any of your attachments. it isn't going to corrupt them either.
    Exchange is a transport protocol and server. The issue you describe is not related to Exchange.
    There are many different versions of Microsoft Outlook in use and they all have e-mail bugs. Different versions have different bugs. Some Apple Mail hack to get around a bug in Outlook 2003 may cause the same message to be problematic in Outlook 2000. Fix them both and another issue will cause trouble in Outlook 2007. You can't fix this. Apple can't fix this. Microsoft can and has but that is irrelevant if your recipients are using older versions.
    One specific problem is that Apple Mail always sends image attachments inline, as images, not as iconized files. You can change this with Attachment Tamer. Just be aware that use of this software will break other things such as Stationery. E-mail is just a disaster. To date, no one outside of Apple has ever implemented the e-mail standards from 1993. Apple has continually changed its e-mail software to be more compatible with the de-facto standards that Netscape and Microsoft have unilaterally defined and people documented as "standards" after the fact. The e-mail messages that Apple Mail sends are 100% correct and do not violate any of the original standards from 1993 or the Microsoft/Netscape modifications. The problem is entirely bugs and limitations in various versions of Outlook.

  • Parallax scrolling to images

    hey i am wondering if you know of a way to add parallax scrolling to image slide tumbnail slide shows ?
    this is what i am working on. i am using the compostion lightbox display, and in there. i have a thumbanil slide show. nowi have managed to get that in there. with the triggors.
    now. i am wanting to see if i can added thumbnail slides that when i hit the slide, it shows the next set of images.
    example.
    engagment| Bridal| wedding
    its one slide show, but when you hit it. you can go to the next slide, like how you have slide 1, 2 and 3.  that what i am thinking is what parallax scrolling is?
    can it be done? if so how?

    Thanks for your reply. I tried applying the following AS2 script to each image:
    For the first movie clip I used:
    animator = createEmptyMovieClip('animator',1);
    bg_1 = animator.attachMovie('star1','bg_1',1);
    bg_2 = animator.attachMovie('star1','bg_2',2);
    bg_1._x = -bg_1._width/2;
    bg_2._x = bg_2._width/2;
    speed = 1;
    starWidth = 950;
    animator.onEnterFrame = function() {
        bg_1._x -= speed;
        bg_2._x -= speed;
        if(bg_1._x <= -bg_1._width) bg_1._x = starWidth;
        if(bg_2._x <= -bg_2._width) bg_2._x = starWidth;
    For the second movie clip I used:
    animator = createEmptyMovieClip('animator',2);
    bg1 = animator.attachMovie('star2','bg1',1);
    bg2 = animator.attachMovie('star2','bg2',2);
    bg1._x = -bg1._width/2;
    bg2._x = bg2._width/2;
    speed = 2;
    starsWidth = 950;
    animator.onEnterFrame = function() {
        bg1._x -= speed;
        bg2._x -= speed;
        if(bg1._x <= -bg1._width) bg1._x = starsWidth;
        if(bg2._x <= -bg2._width) bg2._x = starsWidth;
    And for the third and final movie clip I used:
    animator = createEmptyMovieClip('animator',3);
    bg01 = animator.attachMovie('star03','bg01',1);
    bg02 = animator.attachMovie('star03','bg02',2);
    bg01._x = -bg01._width/2;
    bg02._x = bg02._width/2;
    speed = 3;
    starssWidth = 950;
    animator.onEnterFrame = function() {
        bg01._x -= speed;
        bg02._x -= speed;
        if(bg01._x <= -bg01._width) bg01._x = starssWidth;
        if(bg02._x <= -bg02._width) bg02._x = starssWidth;
    I thought this would work, but when I tested the movie all three movie clips moved together at the same speed. I want each movie clip to move at a different speed, but I'm completely stuck.

  • In my iPhoto library, only some images appear as thumbnails.  The rest are blank but appear briefly when scrolling through or properly when double clicked.  Any ideas?

    In my iPhoto library, only some images appear as thumbnails.  The rest are blank but appear briefly when scrolling through or properly when double clicked.  Any ideas?

    Option 1
    Back Up and try rebuild the library: hold down the command and option (or alt) keys while launching iPhoto. Use the resulting dialogue to rebuild. Choose to Rebuild iPhoto Library Database from automatic backup.
    If that fails:
    Option 2
    Download iPhoto Library Manager and use its rebuild function. This will create a new library based on data in the albumdata.xml file. Not everything will be brought over - no slideshows, books or calendars, for instance - but it should get all your albums and keywords back.
    Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one. .
    Regards
    TD

  • Image box with opacity gradients, and other parallax scrolling inhancements

    First i want to say great job Muse Team, this is starting to get really interesting:
    I've been playing around with parallax scrolling over gradients for effect,   but i'm dreaming about fading in full screen fields of texture.   without the weight of massive .png
    1)      I would love to see the Background Image folder persist in the rectangle Fill > Gradient menu, with the options to tile etc.
    2)     This feature along with speed and rotation controls for anchor finding, would really crack this thing wide open for me.    
    could be implemented with 2 lines coming off anchors:
    one line straight down that can be rotated like a hand on a clock, to set the landing orientation.
    and the second a diagonal line (thinking photoshop curves), to set the approach speed.
    Maybe holding shift with the hand tool could rotate the design page, though i have no idea what rotation would do to the exhisting scrolling menu, i guess ill leave implementation to you!  
    3)     One last tweak, the option to remove scroll bars entirely from the page properties menu would be nice, but intil then i found this bit of code for the bleeding edge:
    Insert as HTML to hide the horizontal scrollbar:
    <style>
    html,body{
    overflow-x:hidden;
    </style>
    thanks for your time

    Be sure your images are stacked properly in the order you need them in your Layers panel.
    If that doesn't solve your problem please provide a link or screenshots so we can see your problem.

  • 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?

  • Parallax scrolling problem since updating to Muse 7.1 and republishing my site

    Hi.
    I recently updated my Muse application to Version 7.1, made a few text changes to my site and republished my site, since I did this the following happens:
    The parallax scrolling feature i have on my template moves the background images slowly to the right as you scroll for top to bottom.
    I don't want it to do this, is this a bug in the 7.1 build of Muse of is there something I can do to stop this happening?
    Also, the first background image you see when you land on the site seems to have repositioned itself within the frame to a different part of the image when published, see here the actual Muse document page, which is how it should look:
    To see how it now looks 'live' see the link below...
    www.jumatwo.com
    any help resolving this would be much appeciated.
    Thank You.

    We had this where I work on ~200 machines.
    We are still going around manually clicking the sharing>remote management tickboxes off and on as this fixes it.
    It seems the GUI is not reflecting what is behind the scenes.

  • Parallax scrolling element on the iPad

    My site doen's publish in the ipad if i have a parallax scrolling element, it disappears compleetley.
    You see it for a second and than you get a banco page.
    I didn't make a itablet version, becouse i want elements that stuck to the position, and figured out that that is nt posible on the tablet version. That works fine on my iPad.
    So why doen't he show my parallax scrolling element?

    http://uitdekeldervanfloris.businesscatalyst.com
    But I removed the scolding option now.
    Verstuurd vanaf Fleur Westendorp 's iPad
    Op 18 nov. 2013 om 21:00 heeft "Vikas.Sharma" <[email protected]> het volgende geschreven:
    Re: Parallax scrolling element on the iPad
    created by Vikas.Sharma in Help with using Adobe Muse CC - View the full discussion
    Could you please share your site URL to check.
    Thanks,
    Vikas
    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/5852317#5852317
    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/5852317#5852317
    To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5852317#5852317. In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Help with using Adobe Muse CC at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • Parallax Scrolling help in Muse? This tricky problem needs a smart solution.

    I'm trying to build my portfolio website in Muse and want my text to move along with my images as you scroll, like it does here: http://jessicahische.is/feelingmelancholy
    I have been trying to use parallax scrolling to achieve the effect, but I'm having a lot of trouble.
    Basically, I want my text to start moving with the scroll, but not to start moving until the first image hits the top of the browser. Just look at the link above to see exactly how I want it to look. Does anyone know how to acheive this effect?
    Thanks!

    Just in case anyone is still curous - I figured it out!
    First of all, if you're having trouble viewing the scroll effects panel, go to Window > Scroll Effects, and the new panel will pop up. Click on the text or whatever element want to scroll alongside your first image image, and set it's "key position" - the little handle at the top - to the top of the first image, or in my case, just above the top of the first image. Then set all of your of you motion positions to 0 px except the top one - which should be 1 px. See attached screenshot. Respond if you have any questions.
    Hope this helps someone!
    Alli

  • Photo gallery using parallax scrolling?

    hey  i have been testing out each of the slide show widgets in adobe muse.  some of them are okay. the light box for once. is a challenge,  but heres something i want to learn how to do. and its parallax scrolling with photos for a gallery. i think for what i am wanting to do i think its the best layout for me.  heres a web site that hass it i think. http://album.alexflueras.ro/galleries/people.html#a1.
    see i shows both landscape and portrait mode of photos. and thats been a challenge from the get go. so there i am thinking of using parallax scrolling . now how do i do this? is it done in photo shop and adobe muse. bec i do want to change out my i mages when needed?
    now i am a tad bit curious. it looks good on desktop, but what about mobile devies. most phone. would it work great.?
    so what are the steps for making this?
    the other key thing i noticed. is that the photos are large. and thats what i like.
    thanks

    Hi
    You can use composition on page where you can insert the images with scroll effect applied.
    Check this video , its not exact design but will help to make images scroll page :
    http://www.youtube.com/watch?v=BDgERSf2a5k
    Thanks,
    Sanjit

  • 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.

  • 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

  • 100% Height with Parallax Scrolling?

    I have an anchor point style parallax scrolling, I was wondering if I could have 100% height of my slideshow or image background when i maximize my screen, as you can see their is a white space below it that I do not like
    http://i.imgur.com/AryW4v1.jpg

    Hi,
    As of now, Muse does not offer the option of 100% height objects. You can use the fullscreen slideshow widget if you want the image slideshow across your complete page.
    Also, Please post this as a feature request at Ideas for features in Adobe Muse
    Hope this helps
    Regards,
    Rohit Nair

Maybe you are looking for