In website builder WebWave element Gallery allows you to add to your website a photo gallery. In this article, you will learn how to build a website with a gallery.

 

Add gallery to your website

Gallery settings

Add photos to gallery

Remove photos from gallery

Change photos order

Set photo title and description

 

 

Add gallery to your website

In order to add a gallery to your website, click on the Image icon in the toolbar on the left side of the builder and drag and drop gallery icon to your website.

 

 

In the gallery, there will be added some default photos. You can easily change them in "Edit content" section.

 

 Animation

The way one picture changes to another:

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

 

 Delay

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

 

 Auto play

Should photos change automatically or after urser's click. 

 

 Additional settings

There are some additional settings in the Gallery 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.
  • Width and height  - set width and height of photos thumbnails.
  • Arrows - should navigation arrows allowing a user to move around gallery be displayed.
  • Distance from edge - set arrows' distance from gallery edge.

 

 

Add photos to gallery

In order to add photos to a gallery, click on it and select "Edit content".

 

 

Photos are added to gallery through media library. At the top of a new window select "Media library", choose photos which will be in your gallery and press "Add to gallery" button at the bottom of the window. 

More about media library read here.

 

Remove photos from gallery

In order to remove photos from the gallery, click on it and select "Edit content".

Choose a photo you want to delete and in File details select "Remove from gallery". 

 

 

Change photos order.

In order to change photos order in the gallery, click on it and select "Edit content".

Drag a photo and drop it in a place where you want it to be.

 

 

Set photo title and description

  1. Click on your gallery
     
  2. In a side edition panel select "Gallery settings". 
     
  3. Tick a "Title and desc" box.


     
  4. Double click a text field on a photo.
     
  5. Enter any text content and edit its style just like in any other text element.


     
  6. In the Settings panel you can set text alignment on a photo, text background color, text and element transparency and more. 


     
  7. To edit next photo just click on a navigation arrow in gallery. 

Gallery

15 January 2019

Back

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

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

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.

 

PANEL WEBMASTERA

LOG IN

GET STARTED