Discussion on The Parallaxer WP - Parallax Effects on Content

ZoomIt

ZoomIt supports this item

Supported

This author's response time can be up to 2 business days.

149 comments found.

Thanks again for your plugin! Could you help us to hide red preload icon? and is it possible to turn off lazy load effect?

Oh, some boss updates :grin: Tell me please where to replace your red load icon to ours and where to change lazy load fade effect time – he wants 1 sec?

Best regards, Reboon

Hey Reboon

You can disable loading from the shortcode ( use_loading )


[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000" clip_height="400" total_height="150%" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="off" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]<div style="background-color: rgba(200,50,50,0.5); position: relative; left: 20px; width: 40%; padding: 200px 15px; margin-top: -15px;"> <h3>Title</h3><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>[/dzs_parallaxer]

</div>

To change loading icon you can go to Parallaxer > Settings and in extra css enter

body .preloader-semicircles{
width: 30px; height: 30px; background-image:url(url(https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=400&h=1000)); animation:none; -webkit-animation:none; border-radius:0; }  body .preloader-semicircles:after{ display:none; }  

Cheers
Radu

elianab

elianab Purchased

When I make the background image show up full width the content shows up below the background rather than on top of it. Here’s a link. It’s the first item on the page. How do I fix that? http://freshideasgroup.com/home-test/

Send me a message via my profile I can send you update

elianab

elianab Purchased

I’m still waiting for an update. I sent you a message via your profile and I sent you an email. At this point I can’t use the plugin because of the error.

Sorry about that – gmail seems to be blocing the mail

I sent you a mail again

high6

high6 Purchased

I cant seem to do a multi layer/ image parallax, I want 1 image from left to right and other image from right to left, and background parallax

Hey

You mean that effect where the beer bottle comes from right to left ?

high6

high6 Purchased

yes the beer bottle and the splash

Hey

I made the example for you

Go to any page and select the TEXT EDITOR

then paste this

[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=1400&h=600" clip_height="400" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" height_is_based_on_content="on" settings_mode_oneelement_max_offset="30" enable_scrollbar="off"]
<p> </p>
<p> </p>
<p> </p>
<div class="row row-inline">
<div class="col-md-12 align-center" style="text-align: center; font-size: 25px; text-shadow: 0 1px 3px rgba(0,0,0,0.3);">
<h2 style="color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.3); margin-top: 0; margin: 0 auto; width: 90%; max-width: 480px; line-height: 1.9; font-family: 'Unica One', cursive;">because no great story started with a glass of milk</h2>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>

        <img class="" style="position:absolute; bottom: 0px; right: 0px; transform-origin: bottom right;  opacity: 0.5" src="http://i.imgur.com/HsvDdnP.png" data-parallaxanimation="[{property:"transform",value:"scale({{val}})",initial:"0.5",mid:"1",final:"0.5"}]" />
        <div data-parallaxanimation="[{property:"transform",value:"rotate({{val}}deg)",initial:"0",mid:"15",final:"-30"}]"><img class="" style="position:absolute; bottom: 30px; right: 30px;" src="http://i.imgur.com/IBr6eUW.png" data-parallaxanimation="[{property:"transform",value:"translate3d({{val}}px,{{val}}px,0)",initial:"-30",mid:"-90",final:"-30"}]" /></div>
[/dzs_parallaxer]

    <link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"> 

Preview – http://zoomthe.me/previews/wpparallaxer/index-beersplash.html

Cheers
Radu

Hi there,

Thank you for a great plugin. I have a question about mobile. When I see the parallax from my phone, there is a black bar below it, when it loads. After 7-8 seconds it dissappears.

Could you please help me fix it? I’m not sure where the black comes from. If there must be a bar, I’d prefer it was white so it blended in with the page.

Thanks.

Best regards, Katrine

Hey Katrine

Can you show me a link ? we’ll fix

Cheers
Radu

elianab

elianab Purchased

I have contacted you several times because I’m getting an error when I did the auto update. You said you’d send me a fix. I sent you my gmail. I had to turn off the plugin because of the error.

Sorry about that – gmail seems to be blocing the mail

I sent you a mail again

Hi, I bought this plugin and it works fine for what I want to do. I just have problems setting the color of the separator.

Here is the code in the text editor : STUDIO DVD / BLU-RAY

Could you please tell me where I should put the color information (which is going to be different for each separator (black for the top separator and white for the bottom one) ? Please, explain simply, I’m not very good using code.

Thanks a lot ! Fred

Hey Fred

Go to Parallaxer > Autoupdater and update to 2.50

I added color attribute to the separator shortcode

[dzs_parallaxer media="https://placeholdit.imgix.net/~text?txtsize=33&txt=placeholder&w=1400&h=600" clip_height="400" total_height="600" breakout="off" direction="normal" use_loading="on" mode="normal" enable_scrollbar="off"]
[dzsprx_separator type="triangle" position="bottom" flipped="off"]
[dzsprx_separator type="triangle" position="top" flipped="on" color="#ff0000"]
[/dzs_parallaxer]

Cheers
Radu

Hi Radu,

Thanks a lot for your answer. That’s great !

Have a good day, Fred

Cuanto cobra por el arreglo de mi tema y donde yo desee el efecto

Hello

Send me mockup of what you want to accomplish and I will send you quote

nidua42

nidua42 Purchased

I have a question regarding positioning of text in parallaxer. All of the references I was able to find position text in the center at half height (the center-it class). Is it possible to have the text div at the bottom or top? If so how would I go about positioning it that way? Thank you for all your work on this plugin. It’s one of my favorite WP plugins.

Hello

Thank you for the nice words

Use Parallaxer > Autoupdater to update to 2.52

I added new classes center-it-top and center-it-bottom for you

Cheers
Radu

nidua42

nidua42 Purchased

Fantastic! thank you very much.

Hey, I like the Parallaxer very much, it’s a cool tool. Well done and thanks for it. But last week a customer sent me a screenshot telling me that the Parallaxer is not working well on MS Edge. It leaves a part of the screen black. Maybe you can have a look at it for a future update.

Edge

Have a nice day, Linus

Hello Linus

Thanks for the bug report

Use Parallaxer > Autoupdater to fix

or send me a message via my profile so I can send you update

Cheers
Radu

by
by
by
by
by
by