In website builder WebWave a Gallery element 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, drag and drop the gallery icon to your website.

 

 

There will be added some default photos in the gallery . You can easily change them in the "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

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

 

 Delay

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

 

 Auto play

Shows whether photos should change automatically or after a user'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 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 gallery, click on it and select "Edit content".

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

 

 

Change photos order

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

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

 

 

Set a photo title and description

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


     
  4. Double click the text field on the  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 a text alignment on the photo, a text background color, a text, element transparency and more. 


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

Gallery

15 January 2019

Back

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

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.com.au

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!

PL

EN

RO