Parallaxer - Parallax Effects on Content

DZS Parallaxer is a script that turns any content into a cool parallax effect. It works smooth with any content you throw at it, images and even sliders, video players, basically any html content. It’s also the parallax that works flawless because of the algorithm behind.

Wow your visitors with DZS Parallaxer and install easy in any template, and setup any content in any size.

Live Preview – here

Parallaxer Features

• fully responsive – looks great from mobile to HD
• touch optimized – touch devices are not forgotten
• CSS3 technology - this component uses cutting-edge css3 definitions
• easy install – purchase, download the zip, read the docs
• iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
• Android optimized – this component has been tested on Android 4.0+ Chrome
• SEO friendly – built with search engine optimization on mind from the ground up, the Parallaxer uses non hidden valid html markup to build the widget
• compatible with all major browsers, including IE – compatible from IE8 to IE11+, Chrome, Safari and Firefox
• retina ready – looks great on retina devices
• embed ready – allow users to embed the video player on their site
• developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided
• settings_movexaftermouse option which which makes a wider image move after the mouse
• 3 separators which can be placed on bottom or top, and flipped horizontally or vertically

Mobile Optimized

Smooth on mobiles too because of hardware acceleration. Android 4.0+ Chrome and iOS tested to deliver super smooth experience

Watch Video

Any Content

Scroll any content, like sliders, html content and other complex stuff. In the left is the structure on which the Parallaxer calculates scrolling

FAQ

I notice on your demo page(s) that when I scroll up or down, there is a slight time interval before the background parallax image stops moving (I think this is called easing) ... I’d like the image to stop parallaxing / moving as soon as I’ve stopped scrolling – is this possible? I hope you know what I am talking about.

You have a duration option – if set the 0, the effect is instant

could this parallax script be implemented into a simple slider like flickerplate? I’ve been trying to do this with other parallax (free) scripts online and I just cannot get it right! I know this is an out of the box kinda question.

It can be implemented of course in a slider, if the slider supports html content

Parallaxer Reviews

Parallaxer Updates

UPDATE 2.36 [ 09/14/2017 ]

• some bugs
• preview

UPDATE 2.35 [ 10/24/2016 ]

• some bugs
• preview

UPDATE 2.34 [ 07/09/2016 ]

• different stability fixes
• preview

UPDATE 2.33 [ 04/25/2016 ]

• new class – height-is-based-on-content – so that you can have parallax image / video background to content that will resize responsively
• new example – responsive content

UPDATE 2.32 [ 03/27/2016 ]

• a bug on chrome with the separators not covering 1 pixel
• new example index-amusic.html

UPDATE 2.31 [ 11/07/2015 ]

• fix on IE9 centering elements
• scroller problem on magic trackpad / magic mouse

UPDATE 2.10 [ 08/21/2015 ]

• Features Module

UPDATE 2.00 [ 03/18/2015 ]

• separator feature
• multiple parallax elements inside parallax element

UPDATE 1.30 [ 12/07/2014 ]

• settings_movexaftermouse option which which makes a wider image move after the mouse
• 3 separators which can be placed on bottom or top, and flipped horizontally or vertically

UPDATE 1.20 [ 11/11/2014 ]

• simple mode

UPDATE 1.10 [ 10/25/2014 ]

• lazyloading
• dzsparallaxer—-window-height class -> a class which resizes elements to the window height
• reworked parallax alghorithm

WordPress Version

Other Great Plugins

Credits

• fontawesome
• Concert Photo