Tips and tricks

Parallaxer - Parallax Effects on Content

get it from – here

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

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

 

Parallaxer Updates

UPDATE 1.10 [ 10/25/2014 ]

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

Other Great Plugins

Credits

{"type":"main_options","images_arr":"'#ffffff'","enable_ajax":"off","soundcloud_apikey":"","bg_isparallax":"off","bg_slideshow_time":"0","bg_transition":"slidedown","site_url":"https:\/\/digitalzoomstudio.net","theme_url":"https:\/\/digitalzoomstudio.net\/wp-content\/themes\/qucreative\/","blur_ammount":"26","width_column":"50","width_section_bg":"","width_gap":"30","border_width":"0","border_color":"#ffffff","translate_cancel_comment":"Cancel reply","translate_leave_a_comment":"Leave a comment","translate_leave_a_comment_to":"Leave a comment to","is_customize_preview":"off","width_blur_margin":"30","gallery_w_thumbs_autoplay_videos":"off","content_enviroment_opacity":"30","menu_enviroment_opacity":"70","base_url":"https:\/\/digitalzoomstudio.net"}
{"type":"darkfull"}