SPLIDER v1.5
URL Hash and Grid demo
Splider with URL hash
Each slide in this instance of Splider has been assigned a hash value (relating to the album name). This means that we can pass in this hash value to the url to move directly to a particular slide. For example this link is set with a url value of #greatest-hits. This can be useful if you want to have particular slides set to be active when certain people are visiting your page (i.e. you could give them a url with the desired hash value already added).
You'll notice too that as you move through this slider with the arrows (or keyboard) the url in the browser is updated too.
Splider grid
Here we are using a simple 2x2 grid and keeping this setup for all breakpoints. On large devices however we have it set to show 3 groups of these, on medium 2 groups and on small devices a single group.
Splider grid 2 (Custom array)
Here we are using a custom array to set up the grid. In this example we basically have a repeating pattern of [1,1] - i.e. 1 column and 1 row (which equates to a single content slide) - and [2,2] - 2 columns and 2 rows (which equates to 4 content slides)
Docs and demo project
Full documentation and a downloadable demo project are available via our Knowledge Base.
This page has been built with Source micro framework