simple parallax images

Why use this jQuery plugin?

simpleParallax is a very simple and lightweight jQuery plugin that improve your website with parallax animations on your images.

Where it may be laborious to get results through other plugins, simpleParallax stands out for its ease and its visual rendering. The parallax effect is directly applied on image tags, there is no need to use background images.

Any image will fit. Try it out!

How to use it?

Giving the following HTML (where you want to apply parallax effect on this image)

<img class="thumbnail" src="src/image.jpg" alt="image">

Simply add this following line of jQuery code

 $('.thumbnail').simpleParallax();

It is that simple!

simple parallax images
simple parallax images
simple parallax images

Which settings?

Please find below the different settings you can apply to simpleParallax:

settingsdefault
orientationupchoose the parallax orientation effect - up, right, down or left
scale1.2choose the scale ratio - need to be above 1.0

You can apply these settings with the following jQuery code:

 $('img').simpleParallax({scale: '1.30', orientation: 'down'});

Good to know

Where can I get it?

npmjsgithubbower

Who is using it?

Azurelo Theme

How can I contribute?

You are most welcome to help this plugin grow by starring it on Github. Social shares are most welcomed too.

Every little bit helps!

simple parallax images