ZoomIt

ZoomIt supports this item

Supported

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

99 comments found.

Hello, I would like to know if I can Install it to my joomla site?

Hello

Yes, but it would require some html skills

Thanks!

Hello. I’m having an issue with loading. When viewing my site on desktop or mobile, I can see only black before the images are loaded. Please help with what can be done to fix this.

physiqlife.com

Hello

You can replace

<div class="divimage dzsparallaxer--target " data-src="images/full-width-images/lavendar-honey.jpg" style="height: 100%;">
        </div>

with

<div class="divimage dzsparallaxer--target " style="height: 100%; background-image: url(images/full-width-images/lavendar-honey.jpg);">
        </div>

for preloading / no black space

Thanks!

Caly1

Caly1 Purchased

Hi, is Adobe After Effects needed for this great effect? Thanks

Hello

Which one ?

You don’t need any 3rd party software you can just replace the images

Thanks!

Caly1

Caly1 Purchased

that’s awesome! Thanks!

Hello, Can you please give me a refund? I accidentally downloaded this, I meant to download the WP version. I have already bought $& downloaded the WP version. Please refund this purchase and here is the order number:0b5bb48b-f0cc-43cc-ac20-b11cbc594b13. Thanks, Steve

Great. But what is the process to request a refund? I do not see any info on how to do it on this site. Thanks!

Nevermind. I just sent the request.

Thanks!

A very nice product, very versatile. The only thing I’m missing is a good documentation (or at least a documentation without need of code sniffing) and much more imprtant: The ability to colorize the SVG of the dividers. Such an great idea, but useing them only on pure white is just a waste. It would be awesome if a color option for it would be implemented.

Hello

Thank you for the nice words

You can colorize the separators very easily via CSS

for example

.dzsprxseparator--2triangles polygon { fill: #ff0000; }

or

.color-bg{ fill: #ff00000; }

to colorize any time of separator

Thanks!

Thanks for pointing this out. Indeed, it works to colorize but it also affects all seperators of the same type. What I would like to have, is coloring the same types differently. Say, I have some triangles on white in one section, and I would like to have some another triangles of the same type on a black section. This doesn’t work right now, because all they types get colored the same.

I would suggest to add another data attribute (i.e. data-addclass) that let us add a class to a specific svg, so each one could be styled seperately. Possible in the next update?

Hello

You don’t need an extra class to the svg for that. You can add the class to the main dzsparallaxer div.

.extra-class .dzsprxseparator--2triangles polygon { fill: #ff0000; }

Thanks!

Hi. I’ve used your parallax scroller on my website. It looks good in a desktop browser. But on my iPhone 5 it judders/jumps up ad down. Is there a way to resolve this? Thanks! PS – Is there a way to PM you my website address to test with?

Sorry Kae

It’s been a crazy week

I’ll reply faster

Thanks
Radu

Hi Radu. I could do with this resolving please. Please reply to my emails. Many thanks!

I replied

THanks!

Is it possible to use “height-is-based-on-content” and also have a section with a min-height of 100% of the viewport height? Basically looking for a way to use “height-is-based-on-content” and “dzsparallaxer—-window-height” together.

Yeah sure

<div class="height-is-based-content dzsparallaxer" style="min-height: 100vg; "> content .. </div>

Thanks
Radu

Purchased Parallaxer. Having issues getting the Features Module to work on a framework I’m building.

I’ve done exactly as the read me doc explains but still am having issues. Any help is appreciated.

www.patbickam.com/2017/index.html

Hello

The link does not work

But you will find example in the package – source/index-module-features.html

Thanks!

I’m having issue with the Features. I’ve installed it just as the read me doc states but it does not seem to be working. I’ve done my best to trouble shoot with no luck. Please help. —-www.patbickham.com/2017/index.html

Hello

Seems like an error

Send me a pm via my profile I can send you fix

Thanks!

I bought your plugin and it doesn’t seem to work very well with Studiopress Genesis with Dynamik child theme. is there a way to output a snippet of code for me to plug php into a hook. I tried to use a do_shotcode, but that doesn’t seem to work.

Hello

Please comment on the wp version if that is what you purchased

Thanks!

Hey, There seem to be some ‘issue’ with the ‘smooth scroll’ plugin, I believe it is called the advanced scroller plugin, on the provided demo docs on the index.html file, when you use this page it looks like there is a lot of cpu usage going on. When looking in the inspector tools you can see that on the wrapper (mwrap-wrapper) there is a constant js cll going on, even when not scrolling. Is this something I am doing wrong on my end? Thanks for your help. Nick

Hello

Does this require the same amount of cpu ? – http://bassta.bg/demos/smooth-page-scroll/

Let me know

Maybe we can implement it

Thanks!

Hey, Thanks, haven’t tried your demo link with a mouse, but with trackpad this is sluggish and doesn’t move that much, really a pity actually since I am using gsap myself in the project. I actually ended up using the following plugin http://www.smoothscroll.net/ this one seems to be doing fine for me, although it is just focused on Chrome browser.

Thanks.

Hi Nick

That demo site is not my plugin but maybe I can adapt it to work smooth on scrollbars too, like my scroller does. I seen many themes on wordpress, sites, that use that smooth scroll but are slugish with trackpad. And this disturbs me a at well

Thanks
Radu

hi, we please need your help with the fullscreen paralax.

On desctop everything runs fine, but mobile we have a problem while scrolling: the image is getting overlaped or something different.

can you please check it out? here is the url: http://scm-kompass.qentch.com/de/fullscreen-fixed-only-images/

-> maybe the combination of these both doesn`t work?: dzsparallaxer—-window-height simple-parallax

Thank you so much! Greetz from Germany, Ron

Hello Ron

You mean the white space that remains displayed for 0.5 secs on scroll on iphone ?

Replace

        <div class="divimage dzsparallaxer--target" style="height: 100%; background-image:url(http://scm-kompass.qentch.com/upload/header_grafik/1474674752490_2000.jpg);">   </div> 

with

        <div class="divimage dzsparallaxer--target" style="height: 100%; ;" data-src="http://scm-kompass.qentch.com/upload/header_grafik/1474674752490_2000.jpg"> </div> 

I tested and works fine on mobile like this

Thanks
Radu

Hi Radu, thanks for your advice. I`ve replayced it, but now, the layer scrolling doesn´t work anymore on iphone. Text and picture are in one layer. i want the effect of desktop on iphone, too. The background pictures should paralaxe. There is the same problem with this on mobile: https://0.s3.envato.com/files/160851088/index-consecutive.html

Could you please check it? thanks a lot! Ron

Hi Ron

Send me a PM via my profile – I will send you update

Thanks!

Hello,

i’m sorry but i accidentially bought the java version instead of the wordpress version. Just 5min ago. I have no idea how to handle this java script thing. Would you please give me a refund? Couldn’t find a refund request button or similar. I’ll buy the wordpress version afterwards. Thanks in advance

Hello

Yes, sure you can do it from here – https://codecanyon.net/refund_requests/new

Thanks!
Radu

Hi Radu

I have a problem with ScrollTop-Icon. If you scroll in the right corner below.

1. Click on the icon > Site scroll on Top! 2. Scroll again > Jump to the last position!

The scrollbar is the problem.

http://www.framing-institute.org

Best Ron

Hello Ron

You need to disable the custom functionality of that button and let the scroller handle the # anchor

Thanks
Radu

please give me how to set up The Parallaxer to my wodpress site.

Hi

You need WORDPRESS VERSION

hix. Can I change the version? I will send 8$.

ask refund – I will approve - than you will get credit and be able to purchase wordpress

thanks!

kwonk03

kwonk03 Purchased

hi, on the demo page (second section), the example seems to have mouse pointer recognition as it follows the curoser around. It doesn’t seem to work though in the unzipped default.html. can you tell me how i can turn this effect on? i’d like to use this in the full-width image.

This should be it

<div class="col-md-6">
                    <div class="dzsparallaxer auto-init" data-options="{  mode_scroll: "fromtop", animation_duration: "50", direction: "reverse",js_breakout: "off", settings_movexaftermouse: "on"}" style="border: 5px solid #111;">

                        <div class="divimage dzsparallaxer--target " style="width: 130%; height: 500px; background-image: url(img/img2.jpg)">
                        </div>
                    </div>
                </div>

make sure to make width of the dzsparallaxer—target to 130% and enable , settings_movexaftermouse: “on”

Thanks!
Radu

agon024

agon024 Purchased

How come when I specify a height on the dzsparallaxer element in my CSS it still puts an inline style of “height: 300px” on it. I need to control the height of this element in my CSS so I can change it in media queries or smaller devices. How can I stop this without editing your code. And honestly you should not have set your JS to do this.

Hello

Just add the class do-not-set-js-height to the dzsparallaxer element

Thanks
Radu

Hello,

I have purchased the Parallax Effects on Content and am very happy with it. However the reason i bought it is because of your full page example. This is exactly what i want. But i the difference is that i don’t want to use a videoplayer on the first page but really the video as a background use for example vide (http://vodkabears.github.io/vide/) or BigVideo (http://dfcb.github.io/BigVideo.js/). Also i want the header and footer to always remain visable. Is this possible and do you have a example of this? My layout is aw follows:

Page 1 – Video Background with text overlay Page 2 – Image Background with text, images and wimpy.js radio player. as overlay Page 3 – Image background with Contact page as overlay.

Am really greatfull for your assistance.

Marco

Hello Marco

All that should be possible with parallaxer

Check the source/index-allbody.html

For video replace

<div class="dzsparallaxer auto-init allbody use-loading" data-options="{   direction: "reverse",  mode_scroll: "fromtop"}" style="">

        <div class="divimage dzsparallaxer--target " style="width: 100%; height: 130%; background-image: url(img/imgbg.jpg)">
        </div>

        <div class="preloader-semicircles" />
    </div>
with
<div class="dzsparallaxer auto-init allbody" style="height: 100vh;" data-options="{  mode_scroll: "fromtop" }">

        <div class=" dzsparallaxer--target " data-forcewidth_ratio="1.77" style="width: 100%; height: 130%; ">
            <iframe src="//player.vimeo.com/video/22884674?title=0&byline=0&portrait=0&color=ffffff&autoplay=1" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        </div>

    </div>

Hi, I have an issue related to CSP. There is an inline eval instruction using data-options that is creating a security problem. Was that addressed in the latest version. Can you please help with the issue… Best regards, “[Log] Refused to evaluate a string as JavaScript because ‘unsafe-eval’ is not an allowed source of script in the following Content Security Policy directive: “script-src ‘self’ chrome-extension:”. (dzsparallaxer.dev.js, line 47) “

Hey

No.. we use that to evaluate the data-options=’{

} javascript object statement

What problems does it cause ? Normally it should only evaluete only the options declared in your html

by
by
by
by
by
by