Log in

Sign up

Webmaster's panel

Categories.

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.

WebWave's logo

WebWave drag and drop website builder lets you create unique websites. You can build your website from scratch by starting with a blank page, or choose various website templates from our free collection and modify them according to your needs. With WebWave website builder, you have a complete website design and hosting system at your fingertips.

This website was created with WebWave.

Find us online




15 January 2019

Slider

In website builder WebWave the 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

A slider can be added in 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 the side edition panel.

 

 Animation

Animation makes one picture turn  into another:

  • Slide - the current photo will move to the side and will 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 turn into a new one.
  • Explosion – the current photo will be divided into many pieces, turn into a new one and go back as an entire photo again. 
  • 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 Style

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.

 

 Duration

Duration shows how long  it takes in seconds for one photo to change to another.

 

 Delay

Delay shows  time in seconds for how long a photo is displayed before it changes.

 

 Autoplay

With this function one sets whether photos should change automatically or after a click. 

 

 Additional settings

There are some additional settings in the Slider settings section:

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

 

 

 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 or add a new on from your local storage drive.

 

 

Choose photos and press "Add to slider".

 

 Remove a photo from a slider

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

 

 

 Click action (link)

In order to change a link to your website to which users will be transferred after clicking on a photo on the slider, select slider and choose from the 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.