This article explains how to add a slideshow of images to a Weebly website. This will allow you to display one large photo at a time within the page, with sequential thumbnails. Autoplay or manual control for scrolling through photos.



Add a Slideshow of Images to a Weebly Website

The “Slideshow” is a Weebly element used to add a slideshow on a page and grouped under “Basic” category in site editor. It allows adding six different styles of slideshow with additional customizing options.

To add a slideshow of images, drag the element to a page on your site.

Weebly slideshow

This will open the “Choose a Slideshow Style” dialog box where you can select which style of slideshow you want. This can always be changed later, so don’t spend too much time worrying about which one you want.

Below are the available styles for your slideshow:

  1. Simple slideshow
  2. Thumbnails on bottom
  3. Numbers on bottom
  4. Thumbnails on top
  5. Thumbnails on right
  6. Double thumbnails

choose Weebly slideshow

You’ll now be prompted to upload photos. Hit the big Upload Photos button or just drag some photos into the box to get started.

Then select the photos you want to upload. You’re to both delete unwanted photos and add more photos to the slideshow at any time, so you don’t have to be too selective at this point.

Depending on how many photos you’ve chosen, it may take them a few minutes to upload. Once they’re done uploading you’ll see them all on the photo management screen.

Manage Weebly slideshow

You can drag photos to re-order them, click the “x” next to each to delete them and click the “bubble” icon to add a caption that’ll appear along with the photo in the slideshow.

When you’re ready to move on, click Save and you’ll see the slideshow as part of the page.

slideshow saved

Click on the slideshow to open its toolbox and make changes.

Note that the slideshow will automatically expand to the width of the page or column in which you’ve placed it. So if you want to shrink a slideshow, you simply need to place it in a column by dragging a Spacer element too either side of it.

We hope this article helped you learn how to add a slideshow of images in Weebly. You may also want to see our guide on how to add image gallery into Weebly.

If you liked this tutorial, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.