nathansearles/Slides — Issue #324: Multiple Slideshows on Single Page
Author: christopherpaulhilton
Created: 2011-11-15 16:46:36+00:00
State: open

Idea:

1. Change the CSS of the '#slides' container to a class '.slides' and add the class '.slides' to each #slides Div

2. Name the ID of each Slides instance 'Slides-NAME'

3.Use the jQuery attributeContainsPrefix selector to automatically select all Slides instances no matter how few or how many there are.

$('div[id|="slides"]').slides({
next: 'next',
prev: 'prev'
});

It has worked for me quite well, but I'm sure there is a cleaner way to use the CSS classes across multiple containers.

Cheers!
Chris