Easily create parallax block.
Parallaxer.
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.
Wow your visitors with DZS Parallaxer and install easy in any template, and setup any content in any size.
Responsive Content
Parallaxer can be used as a background to content / row. The height of the container will auto adjust depending on the contents. This is all done by applying the height-is-based-on-content class and that's it!
You can resize the window to test the smooth adapting to the device width.
How does it work.
DZS Parallaxer is a script that turns any content into a cool parallax effect. It uses an algorithm to calculate visible and total height to calculate the scrollarea. It uses the latest CSS3 and Javascript tehniques to deliver a super smooth experience.
Change actual content height, visibile content height, animation easing, animation duration, direction and more!
John Doe
Bonus Scrollbar.
A bonus premium easing scrollbar ( DZS Scroller ) is included into the package. This makes scrolling more fluent and the effect of the parallaxer more obvious. You can use it or leave the default scrollbar. The parallaxer will work just as nice.
Try the Parallaxer without the custom scrollbar by clicking the option below:
Boxed Layouts Work Too.
Worried that you have a boxed layout site and this only shows fullwidth examples ? No worries, DZS Paralllaxer works in any context, any size. Just check the examples above how well they perform in a boxed layout.
Of course, the same rules apply, you can have any html content. Sliders, videos, fonts, blockquotes, testimonials.
Just click the shortcode generator button, positioned next to Add Media.
Enter our custom engineered shortcode generator and select the image you want to effect.
Click the Insert Shortcode button and voila, a awesome layout in your site.
And you can break out of boxed layouts
Lazy Loading
You can choose not to load images that are under the fold instantly, preserving bandwidth.
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.
Why Parallaxer PRO?
- 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 Testimonial Rotator uses non hidden valid html markup to build the widget
- compatible with all major browsers, including IE - compatible from IE9 to IE11+, Chrome, Safari and Firefox
- retina ready - looks great on retina devices
- shortcode generator - generate the shortcode on the fly
- visual composer integration - integrate in the most powerful page builder
Easy Install.
The install is straight forward. When the install is done you can just access the shortcode generator in any page / post you wish and create your parallaxer effects instantly.
Sliders Supported.
You can see in the example to the right, that even complex html can be included in this, with having no effect on functionality. You can test swiping on the slider to the right.
Responsive
From mobile to HD, The Parallaxer PRO are ultra responsive. Also has retina graphics.
Customizable
Customize The Parallaxer PRO with the many options included.
SEO Friendly
Built with SEO in mind, The Parallaxer PRO parses html content into working magic.