Home Forums Product Support Andersen Parallax Help

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1214
    Cory Williams
    Participant

    I am having some difficulty in figuring out out to make the effect work. I can get the full screen graphic, but not the floater media….I am sorry to be so slow..but help would be appreciated.

    thanks

    C

    #1231
    Jenny @ Aesop
    Keymaster

    Hi Cory!

    You will find documentation on the Parallax component in our Docs at https://aesopstoryengine.com/documentation/#scrollNav-8

    After reading that over, if you still need help, just let us know. 🙂

    #1232
    Cory Williams
    Participant

    Thank you Jenny…I had been checking that out. I guess I should have been more specific. What about the float media? what does that actually mean? And, is there any special nomenclature for the path? If I type in text there , I see it and it does the animation. If I try to use a url for an image…no dice. I may just be understanding it all wrong, that happens alot with me! I would be interested in the use of this component with the floater…anything other than just full screen width image with a caption.

    Thanks!

    C

    #1247
    Jenny @ Aesop
    Keymaster

    Hi Cory! Thanks for clarifying further! 🙂

    I played around with the parallax settings, specifically the floater. It took a little bit but I finally got it working.

    First, I found that you cannot have 2 parallax components on the same page or the floater does not appear. It’s physically there but is behind the parallax image so you can’t see it. I’m reporting this as a bug. Edit: nevermind.. it’s working fine now. I’m assuming it’s because my offset was off the first time.

    My settings are as follows:

    
    [aesop_parallax img="http://aesop.simplemama.com/files/2014/03/56H.jpg" height="500" parallaxbg="on" parallaxspeed="1" floater="on" floatermedia="<img src='http://aesop.simplemama.com/files/2014/03/70H-sq.jpg'>" floaterposition="right" floaterdirection="up" floateroffset="400" caption="A caption.. and a floater!" captionposition="bottom-left" lightbox="off"]
    

    Note 1: In order to use an image, you must use HTML, but not with ” ” or it’ll mess up the shortcode. Instead, enter it like I did above (see floatermedia).

    Note 2: I found that the floater offset needs to be somewhat close to the height of the parallax image otherwise you won’t see it. For the screenshot below, my parallax image is 500 high and my floater offset is 400.

    Here is a screenshot of the floater on my site: https://screencast.com/t/58TGwaD9m

    I hope that helps! 🙂

    • This reply was modified 7 years, 5 months ago by Jenny @ Aesop.
    #1250
    Cory Williams
    Participant

    Jenny, You are wonderful!

    Thank you so much!

    I have one more question..more for the fun/creative part of it all…

    Other than photos….what would you use it for? Any clever ideas?

    C

    #1293
    Jenny @ Aesop
    Keymaster

    You’re very welcome! Happy to help. 🙂

    Hmm as for creative.. definitely not something that looks like my screenshot above lol. But something round with a transparent background maybe. Like a still image from a children’s book with a sun rising would be cute. Stars falling, a lightbulb showing that something was an idea. Things like that.

    Sadly I’m not too creative but I’d love to see what you come up with!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.