Stacks4Stacks

SlickSlider is the perfect choice for a wide range of different scenarios; including product sliders and photographic portfolios. A huge choice of customisable settings let you create practically any style of image carousel. This modern slider is fully mobile compatible and has essential functionality like swipe support on touch screens. All the complicated coding and testing has already been done for you! A stack you are sure to enjoy using.

Example

This is a working example of SlickSlider, using warehoused images. Each image has some caption content and is set as a link to https://example.com

 

Setup

Install SlickSlider within Stacks and RapidWeaver in the normal way. Like other stacks, open your Stacks library. Drag a copy of SlickSlider into your page. Click the blue button to add images to your carousel slider - either dragged and dropped images or images you link to at a warehouse location. Optionally you can supply caption content and a link with each image. All options to control the behaviour and style of your slider are available by selecting the main SlickSlider stack in edit mode and opening the Stacks side panel.

Tip: The addition of images to your SlickSlider can be speeded-up by holding down the alt key and a combination of clicking and dragging the sub-stacks. This has the result of duplicating them. You can also use the Hide button in Stacks edit mode, to hide slider images you have finished editing; therefore creating a tidier workspace.