Compatibility:

WeSite X5 Evo and Pro


If you want to make your pages more modern and offer your visitors a more immersive experience on your website, then you should go for the parallax effect! With this effect the background and the image move at different speed while scrolling down the page. This generates an illusion of three-dimensionality and attracts the attention of the viewers.


We have already mentioned this topic on a previous article, where the parallax effect was used to create horizontal bands on the page. Now, with the Parallax Image Object, you can apply this effect on a single image as well. On the Preview page you can see some examples. 


    

How to set the parallax effect

Once you get the  general idea, applying the parallax effect to an image is really simple:

  • Double-click on the Parallax Image Object you've added on the page to open the settings window.
  • First import the image file, set the Height and the Opacity for both the "normal" and the "mouseover" image. 
  • Use the Link option to set a link on the image by selecting the most appropriate action. 
  • Now you can activate the parallax effect by selecting the wished effect:
    • Parallax: the background image moves in the same direction as the contents; 
    • Inverted Parallax:  the background image moved in the opposite direction;
    • Fixed Parallax: the background image moves at the same speed as the contents, so it seems it stays fixed. 

Are you curious to use it on your web pages? Install the Parallax Image Object now


You don't have enough Credits? Check out our Credit Packs