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.

147 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

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

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

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 ?

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

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

FREDTCS

FREDTCS Purchased

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

FREDTCS

FREDTCS Purchased

Hi Radu,

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

Have a good day, Fred

tecno3218

tecno3218 Purchased

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

by
by
by
by
by
by