Adding a slideshow

Slideshows can be added in two ways

• drag and drop slideshow icon from the toolbar and click select images
• drag and drop more than one image from your desktop or folders to the page

When site editor adds a slideshow SiteCake creates HTML code below:

<div class="sc-slideshow">
   <a href="original-image1.jpg"><img src="thumbnail1.jpg" /></a>
   <a href="original-image2.jpg" style="display:none;"></a>
   <a href="original-image3.jpg" style="display:none;"></a>
</div>

So, the designer have two hooks he can use to style the slideshow: 'sc-slideshow' class on the slideshow wrapper and 'slideshow' class on the image link.