Adding a Slideshow in Weebly

The slideshow element, which is available under the Multimedia category of the Elements tab, allows you to display your photos in style. It's easy to create and configure your slideshow; and there are even some advanced options that will help you customize your slideshow to fit your web page.

Creating a Slideshow

You can add a slideshow to your page by dragging the Slideshow element to the location on your page where you would like it to appear.

  1. Choose a slideshow style and click Continue. You can always change your decision later, so don't spend too much time on this step.  There will be more slideshow styles to choose from later.
  2. Once you select the slideshow type, you will be prompted to upload photos.  You can either drag and drop your photos from your computer to the dialog box, or you can click the Upload Photos button.
    • You can always manage your photos later if you wish to delete or upload more.  Depending on how many photos you've selected, it may take them a few minutes to upload. 
  3. Once your photos are done uploading you'll see them all on the slideshow photo management screen.
  4. You have several options for configuring your slideshow:
    • Reorder the frames by dragging and dropping them into place
    • Edit captions by clicking on the speech bubble icon on the picture
    • Add/edit links by clicking on the chain link icon on the picture
    • Remove the image by clicking on the trash can icon on the picture
  5. Once you're satisfied with your selections, click Save. You'll see the new slideshow on the page.  

Customizing Your Slideshow

Once you have created your slideshow, will also see the slideshow toolbar just under the Weebly main toolbar. You can use this toolbar to make the following changes:

  • Use the Add / Edit Photos button to bring up the Manage Slideshow Photos dialog box.
  • Use Nav Style to select whether you want to use thumbnails, numbers or neither.
  • Use Nav Location to place the navigation bar at the bottom, top, left or right of the slideshow.
  • Select Fade or Slide for the Transition Style.  This determines how the slideshow moves from one image to the next.
  • Turn Autoplay Off/On. If it's on, the slideshow will immediately start playing when a visitor opens the page. 
Note: The slideshow will automatically expand to the width of the page or column in which you've placed it.

Advanced Options

There are also several advanced options which will allow you to:

  • Define where the slideshow begins
  • Set the speed of the show (how long each image is shown)
  • Set location of captions (if you have any)
  • Set the aspect ratio (16:9, 4:3, or 3:2) (though the system is very good about determining this automatically)
  • Set spacing above and below slideshow