Create a slideshow

Posted by
|

It’s really easy to create a slideshow in Silex.

To do so, you first need to follow the full gallery tutorial. The resulting gallery will be used for this tutorial. It can also be used for any other type of gallery (audio, video, image)

You can download the working slideshow on the exchange platform and see the online result here.

Step 1 : Turn your gallery into a slideshow

For that, add the PlayListUi component.

Then configure the following parameters :

  • the name : name it « PlayListUi »
  • the « automatic next » box : check it
  • the « display path » : choose « ImageDisplay »
  • the « loop at end » box : check it
  • the « list path » : choose « thumbList »

If you just want your slideshow alone (without the « next » and « previous » , uncheck the « visible » toolbox.

If you want click « next » or « previous » during the slideshow, check the « visible » box and configure the x and y parameters.

Step 2 : Define your slideshow time parameters

Your slideshow time parameters are in the ImageDisplay component.

« time before auto next » and the « fade duration » are the main parameters.

The « time before auto next » corresponds to the time (in second) an image is displayed before switching to the next image.

The « fade duration » corresponds to the transition time between an image and the next one.

You can change these parameters at your convenience !

And your slideshow is done !!

Note : contrary to the gallery, the slideshow doesn’t require the display of the thumbnails. So, exactly as for the « PlayListUi », you can uncheck the « visible » box.

This tutorial is finished.

Comments

Comments are closed

News letter

Evénements Silex Labs sur Paris et sa région: Inscrivez vous à la Newsletter mensuelle

Silex Labs community Tweets

Facebook page