12. Picture Slideshow

Slideshows enable you to show multiple images easily. You can also include a description and a larger preview, all in a single click.

Adding a new slideshow:

  1. Click Add an Element located on the upper grey bar.
  2. Click the Slideshow element. A generic Slideshow will appear.

 

Managing the slideshow pictures:

  1. Click on the Slideshow you’d like to modify.
  2. Click Manage located on the upper black ‘Slideshow’ bar (Tip: you can also double-click on the Slideshow).

The Reorder dialog will appear:

  • Drag’n’drop any of the pictures in the list up and down the list to reorder them. You can also use the up and down arrows located on the left side of each picture.
  • Enter a title inside the text input field. This information will appear every time the mouse hovers over the picture.
  • Click the Set Info button, a Set Info dialog box will appear. In it you can add a title, description and a link to each picture. This information will appear every time the mouse hovers over the picture.
  • Click the Duplicate button to duplicate a picture. A new copy will appear right under the original one.
  • Click the Delete button, to delete a picture. The picture will disappear from your slideshow.

 

Adding a new picture to the Slideshow:

  1. Click Add a Picture located on the upper black ‘slideshow’ bar. You can also add a picture from inside the Reorder dialog box.
  2. Choose the picture you would like to insert and click Open.

The system will upload your new picture, a progress bar will appear on the lower-left side of the screen (note: pictures larger than 512 kb will be resized, so your website will load faster. This might take 5-10 seconds. We don’t recommend uploading pictures larger than 1MB)

That’s it – a new picture will be added to your Slideshow.

 

Managing the slideshow settings:

  1. Click on the slideshow you’d like to modify.
  2. Click Settings located on the upper black ‘slideshow’ bar.

The Slideshow Settings dialog will appear:

  • Pagination shown - Choose whether the picture numbers and navigation arrows will be shown and when.
  • Autoplay - Set the slideshow to start automatically when the page is entered.
  • Autoplay  Delay- Set the autoplay to start a few second after the page is entered by setting the delay to more then 0 seconds.
  • Upon Picture Click - Choose what will happen when someone clicks a picture in your slideshow. The default settings are to show the pictures in full screen. If you’ve added links to any of the pictures, choose Open the Picture’s Link. Choose do nothing if you want the slideshow to just keep playing.
  • Picture Re-sizing - Choose how the pictures will be re-sized in the regular on site version. Original Picture Size is recommended for best image quality.
  • Full-Screen Re-sizing - Choose how the pictures will be re-sized when they are opened in full-screen mode. Original Picture Size is recommended for best image quality.

 

Adding links to the slideshow:

  1. Click on the Slideshow you’d like to modify.
  2. Click Manage located on the upper black ‘Slideshow’ bar (Tip: you can also double-click on the Slideshow). A reorder box will appear.
  3. Click Set Info next to the picture you wish to link.
  4. Select the link type and add the URL, internal page or other relevant information.
  5. Click OK.

You can also link the entire Slideshow by linking the element itself as shown here.

 

Adding text to the slideshow:

  1. Click on the Slideshow you’d like to modify.
  2. Click Manage located on the upper black ‘Slideshow’ bar (Tip: you can also double-click on the Slideshow). A reorder box will appear.
  3. Click Set Info next to the picture you wish to add text to.
  4. Add a Title and Description of the picture. This information will appear when the mouse hovers above the picture.
  5. Click OK.

 

Adding Facebook like buttons to the slideshow:

  1. Click on the Slideshow you’d like to modify.
  2. Click Social located on the upper black ‘Slideshow’ bar.
  3. Check the box ‘Show like button for pictures’.