Slide Show

1 / 4
Placeholder Picture
Caption 1
2 / 4
Placeholder Picture
Caption 2
3 / 4
Placeholder Picture
Caption 3
4 / 4
Placeholder Picture
Caption 4

Slide Show

This slideshow behaves a bit 'jumpy' during the first cycle, but after that it runs much smoother. Make sure not to change the class names .mySlides and .dot as they are being used by the java script. If you want to have the images changing faster or more slowly, you can set a different time in the last line of the JavaScript. It is at 4000 now, meaning every 4 seconds. 

More or less slides can be accommodated by duplicating or deleting some of the '.mySlides' containers.

Placeholder Picture

Download this component for 'mobile-up'

Placeholder Picture

Download this component for 'desktop-down'