Home page carousel

(Warwick Smith) #1

Hi fellow Matrix users,

 

Despite extensive Google searching I surely can't be the first one to ask the question about the steps needed to create a dynamic home page carousel via Matrix. Preferably one that displays ...

 

- image

- description

- title

- shows all items in list (like a navigation)

- rotates dynamically

- controls

 

Anyone got any tutorials, examples, code, etc out there that's ideal to get started?

 

Please refrain from the idealogical arguments for not using a carousel - I'm aware of the research.

 

Kind regards,

 

Warwick

(Douglas (@finnatic at @waikato)) #2

Our solutions tend towards an asset listing of image assets, with a paint layout to get the necessary markup generated per image.  The actual setup is going to differ depending on the slider framework you use (we use http://flexslider.woothemes.com/)or build.

(Nick Papadatos) #3

Hi Warwick

 

I agree with Douglas, using an asset listing page with a metadata schema (or paint layout) that has a title, description, URL field and so on would work well. There are plenty of sliders out there that you could adapt this to - flexslider is quite adaptable which I have used before.

 

Let me know if you require any assistance with this - I'd be happy to help :-)

(Anthony Ponomarenko) #4

Hi Warwick,

 

In the past i have implemented with an asset listing and metadata schema setup as the two gents suggested above.

 

You could just utilise the Default Format in the Asset Listing to print what you need.

 

I use slick as out go to in my development http://kenwheeler.github.io/slick/its pretty awesome.

 

However there are a number of solutions available out there.