EtienneOuellet wrote:1- Is there a way to make the home page slideshow randomize the pictures in the folder?
Add the tag "shuffle" to the page's gallery setting.
gallery: shuffle slideshow ...
EtienneOuellet wrote:2- Is there a way to hide the overlaying controls on the homepage? I think it's ok on a cumputer but it kinda annoys me on a smaller screen like my phone. So I would remove it all together.
The demo pages in the example folder are your best friend. Try navigating to examples/5.slideshow/ from your panel, and you will find some extensive information on how to change the slideshow module. If you deleted the examples folder, you should re-upload it ... Just rename it from "3.examples" to "examples", so that it is hidden.
# SLIDESHOW LAYOUT
# The slideshow is a powerful gallery method that supports touchscreen gestures (swipe), keyboard nav, thumb nav, autoplay, fullscreen, video and much more. The slideshow method comes with comprehensive settings to account for a variety of layout combinations. The slideshow layout method is only avaiable for the GALLERY module, but not FOLDERS. Simply add 'slideshow' to the gallery module to achieve the default slideshow layout.
# SETTINGS
# slideshow:[width],[height],[ratio],[nav],[fit],[transition],[duration],[captions],[loop],[autoplay],[interval],[startFullscreen]
# width // [100, 100%, 100px] : default 100%
# height // [100, 100%, 100px] : default 100%
# ratio // Nullifies height, and sets the ratio : [4/3, 1.33] : default null
# nav // nav interface // [dots, thumbs, false] : default false
# fit // Image scale method // [cover, contain, scaledown, none] : default cover
# transition // [slide, crossfade, dissolve] : default slide
# duration // transition duration // [500] : default 500
# captions // [true, false, hover] : default false
# loop // [true, false] : default false
# autoplay // [true, false, 5000] : default false
# interval // slider autoplay interval // [3000] : default 3000
# startFullscrees // [true, false] : default false
# toggleplay: show toggleplay buttoin // [true, false] : default false
# NB! When applying the settings, you can use '0' to leave items at default value.
# EXTRAS
# You can add several settings simply by class name, instead of adding the settings string above. Also, there are a few additional utlities that are appropriate for the slideshow:
# dots, thumbs // Adds slideshow navigation.
# cover, contain, scaledown, none // Sets image scale method.
# slide, crossfade, dissolve // Sets transition.
# captions, captions-hover // Show captions method.
# loop // loop the slideshow.
# autoplay // Start autoplay on page load.
# startFullscreen // Starts the slideshow in fullscreen (not native browser).
# toggleplay // Displays the toggleplay button.
# scrollTo // Automatically scroll to slideshow on page load.
# scrollbutton // Adds a scroll button elegantly scroll slideshow into full view.
# wide // Use in module for full width slideshows (defaults to grid max width).
# frame // Adds a frame around the slideshow. Does not like good with 'wide'.
# hidetimer // Hides the timer element when slideshow is autoplaying.
# EXAMPLES
# slideshow // default slideshow
# slideshow:0,0,16:9 // Creates the slideshow with a 16:9 ratio.
# slideshow:0,80% // Creates the slideshow at 80% of screen height.
# slideshow:0,0,0,thumbs,contain,crossfade // Sets thumbs, contain and crossfade.
# slideshow thumbs contain crossfade // Same as above, but applied with names.
# slideshow autoplay captions startFullscreen // Autplay with captions, start full.