ZoomIt

ZoomIt supports this item

Supported

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

115 comments found.

Hi, awesome script. Can you please give some examples of implementing an HTML5 video parallax background with a wrapper height of 500px. The example you gave previously didn’t work.

It appears you need to just remove the class “dzsparallaxer—window-height” for anyone else searching for a fix.

Thanks for the feedback

Yes, that made it full height

How can we fix all of these browser console errors/warnings?

https://www.dropbox.com/s/vr5ieq7od7eow70/Screenshot%202017-02-12%2015.40.22.png?dl=0

Yes, sent to evandia [ ... ] @gmail.com

File was blocked for spam or virus: “Anti-virus warning – 1 attachment contains a virus or blocked file. Downloading this attachment is disabled”

I sent link

Gmail seems to block with no reason

Thanks!

How do I get the animation stop scrolling after the mouse movement is completed? It seems after the scroll the animation continues calculating long decimals.

It should stop automatically after the animation finishes

Send me a mail with the link to check

Thanks!

Hi there, I’m thinking of buying this but need to know if I can it allows a fade transition between backgrounds that are on a parallax index.

Hello

You mean like a slideshow of parallax backgrounds ?

Cheers
Radu

When I add multiple parallax effects with wide images, it seems the parallax isn’t as smooth. Is there a possibly update that fixes the jitter I experience when scrolling?

Hey

Can you show me a link ?

Cheers
Radu

Hi, I just would like to know if DSZ parrallaxer plugin has to use a scroller? I would love to get it on my own website but without a custom scroller

Thanks for your answer

Hello

It works with native scrollbar as well

DZS Scroller is just a bonus if you want to use it

Cheers
Radu

Hello, before purchase, I’d like to know if is possible apply parallaxer also for section ( div tag or section tag) even when the height of section isn’t previously known? I can see in documentation that height is defined in all examples. In my implementation there is unknown height of element – I will apply parallax effect as background of text section and the lenght (height) of text is unknown in php code in time when parallaxer classes and other data are applied for a html tag.

Thanks for answer, Ivan.

Hello Ivan

Yes, it works – you just set

position: absolute; top:0; left:0; width: 100%; height: 100%;
on the dzsparallaxer element

and for the dzsparallaxer—target you can have

height: 120%
for example so it depends on the previous container

Cheers
Radu

Hi, I’ve purchased the parallaxer plugin. In chrome it works good, safari and firefox not quite as good as in chrome. The picture jumps around. Could you help?

Here is the link: http://basis2.timetobeat.com

Thanks… electrickn

Hello electrickn

I see you have other parallax js enabled

YOu must disable those for no conflict

Cheers
Radu

Hi, it’s me again. I’ve noticed, that the plugin works smoothly on all browsers if I delete this from my custom fire.js. But is there anything wrong?

dzsprx_init('.para-strd', { 
    direction: "reverse",
    mode_scroll: "normal",
    animation_duration: 0
});

Best and thanks… electrickn

Hello electrickn

You can initialize the parallaxer as shown in the documentaiton – that call seems ok – but maybe try animation-duration: 20

Cheers
Radu

Hello,

I was wondering how i would recreate the full page demo – https://0.s3.envato.com/files/211536320/index-consecutive.html – as this is exactly what i’m looking for. Bearing in mind i’m a novice.

Stuart

... I had checked previous posts about the full page demo but i wasn’t able to adapt those responses to answer my question

Hello

Which version have you purchased ?

For this version (html ) it’s included in the examples package

Do you have wordpress or ?

Cheers
Radu

Hi there,

I want to buy Parallaxer. But I have to use the parallax effect with VueJS templates, is it possible, or? Can I avoid jQuery?

Thank you.

Best, Ruslan

Hello Ruslan

Sorry, jQuery is required

Cheers
Radu

Hello,

Is it possible to use parallaxer on the index page in prestashop 1.7, if i implement it directly in the index.tpl file (and of course call the .js and .scc files)?

Thank you,

Karin

Hello Karin

Yes, should be possible

Urgent really I would very much like to buy your plugin (Parallaxer – Parallax Effects on Content) and would like to know before if using your plugin it is possible to create a site equal to https://pixel2html.com ???

Only with customization

Hello friends I just bought the excellent DZS Parallaxer plugin, however I’m having problems using it on my site, after I installed it on the site it caused other areas to stop working, a slide and a menudrop, my goal to Buy it was to use the reverse effect on my site so that an element accompany the scroll up and down something like the effect of this site: https://pixel2html.com/ if it were possible I would like a support

Hello

Can you show me a link of your site ? To check what is not working

Cheers
Radu

secret22

secret22 Purchased

Hello, I have an issue where the background images appear to be zoomed-in or way to large on mobile devices. I’ve tested the site on an Ipad 5th gen, iphone 6plus, and android phone.

Reference site: physiqlife.com

Just add somewhere at the end of your css

.fixed-height-small {
    min-height: none!important;
}

Should cancel that out

Or remove it from the parallaxer element

Cheers
Radu

fixed-height-small class has been removed – same issue

<!-- Section -->
            <section class="dzsparallaxer simple-parallax auto-init  out-of-bootstrap use-loading" data-responsive-reference-width="1170" data-responsive-optimal-height="600" data-options='{   direction: "normal"}' style="height: 600px;">

        <div class="divimage dzsparallaxer--target " data-src="images/full-width-images/lavender-honey.jpg" style="width: 100%; height: 100%; background-image: url(images/full-width-images/cucumber-drink.jpg)" />
                <div class="js-height-parent container relative">

                     <div class="home-content white">
                        <div class="home-text">

                            <div class="align-center ">
                                    <img src="images/pl-hero.png" width="800" height="220" alt="" />
                                </div>

                            <div>
                                 <a href="lifestyle/pour-luxury.html" class="btn btn-mod btn-border-gray btn-wide btn-round mt-20">Learn More</a>
                            </div>

                        </div>
                    </div>

                </div>
            </section>
            <!-- End Section -->

             <!-- Section -->
            <section class="dzsparallaxer simple-parallax auto-init out-of-bootstrap use-loading" data-responsive-reference-width="1170" data-responsive-optimal-height="600" data-options='{   direction: "normal"}' style="height: 600px;">

        <div class="divimage dzsparallaxer--target " data-src="images/full-width-images/img84460832.jpg" style="width: 100%; height: 100%;" />
                <div class="js-height-parent container relative">

                     <div class="home-content white">
                        <div class="home-text">

                            <div class="align-center ">
                                    <img src="images/lifestyle-hero.png" width="800" height="220" alt="" />
                          </div>

                            <div>
                                 <a href="lifestyle/lifestyle.html" class="btn btn-mod btn-border-w btn-wide btn-round mt-20">Learn More</a>
                            </div>

                        </div>
                    </div>

                </div>
            </section>
            <!-- End Section -->

             <!-- Section -->
            <section class="dzsparallaxer simple-parallax auto-init out-of-bootstrap use-loading" data-responsive-reference-width="1170" data-responsive-optimal-height="600" data-options='{   direction: "normal"}' style="height: 600px;">

        <div class="divimage dzsparallaxer--target " data-src="images/full-width-images/cucumber-drink.jpg" style="width: 100%; height: 100%; background-image: url(images/full-width-images/cucumber-drink.jpg)" />
                <div class="js-height-parent container relative">

                     <div class="home-content white">
                        <div class="home-text">

                            <div class="align-center ">
                                    <img src="images/lwb-hero.png" width="800" height="220" alt="" />
                                </div>

                            <div>
                                 <a href="lifestyle/balance.html" class="btn btn-mod btn-border-gray btn-wide btn-round mt-20">Learn More</a>
                            </div>

                        </div>
                    </div>

                </div>
            </section>
by
by
by
by
by
by