In website builder WebWave element "slider" allows users to add slideshows to their websites. In this article, you will learn how to build a website with Slider.


Add a slider to your website

Slider settings


Slider edition



 Add a slider to your website

Slider can be added through the toolbar on the left side of the builder. Select image icon, drag and drop "Slider" to your website. 




 Slider settings

After clicking on the slider you will see "Slider settings" in a side edition panel.



The way one picture changes to another:

  • Slide - the current photo will move to the side and be replaced by a new one.
  • Fade- the current photo will fade away and a new one will take its place.
  • Crossfade - the current photo will smoothly change to a new one.
  • Explosion – the current photo will be divided into many pieces, change to a new one and go back to being whole. 
  • Windmill – the current photo will be divided into four pieces, which move in different directions and reveal a new photo. 
  • Door– the current photo will be divided into four pieces, which move on sides and reveal a new photo.
  • Tils – the current photo will be divided into four pieces, which fall and reveal a new photo.


 Crop type

Adjust how photo fits the gallery frame:

  • Fit - a whole photo fits the gallery frame. There might be left some empty spaces in the frame.
  • Crop - a photo fits the whole gallery frame. There are no empty spaces in the frame, but some parts of the picture might get cropped.
  • Stretch - a photo gets disproportionally stretched so it fits the whole frame. There are no empty spaces in the frame and no parts of the picture get cropped.


 Animation duration time

How long does it take in seconds for one photo to change to another.



For how long in seconds is a photo displayed before it changes.



Should photos change automatically or after user's click. 


 Additional settings

There are some additional settings in Slider settings section:

  • Title and description - should a title and description of a photo be displayed
  • Thumbnails - should photos thumbnails be displayed and, if so, where.
  • Arrows - should navigation arrows allowing the user to move around gallery be displayed.
  • Distance from the edge - set arrows' distance from gallery edge.




 Slider edition

In order to edit the slider, click on it and select "Edit content".


 Add a photo to a slider

Select "Media library" at the top of a new window.



Choose photos and press "Add to slider".


 Remove a photo from a slider

In order to remove photos from a slider, in edition window choose a photo which needs to be deleted and select "Remove from slider". 


usuniecie zdjęć ze slidera w kreatorze stron internetowych webwave cms


 Click action (link)

In order to change a link to a website, to which user will be transferred after clicking on a photo on a slider, select slider and choose from a side edition panel "Click action". To set a link for another photo, just change an image by clicking on a navigation arrow on the slider. 


15 January 2019


This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.







Click here to chat with us.




Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template.  Web design software for free? It is easy!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.


Missing any feature? Share your ideas with us.