Is there a carousel that uses DIV containers for individual content instead of lists?

Instead:

<ul id="mycarousel" class="jcarousel-skin-tango"> 
<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75"  
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" 
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75"  
height="75" alt="" /></li> 
<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75"  
height="75" alt="" /></li> 
</ul> 

I would like to use a carousel that uses div containers. The reason I need this is because I am creating a Tumblr theme, which for those who don’t know, is a blog network in which you post content to the "dashboard" and the content is generated dynamically from Tumblr via tags . Such lists do not have the ability to create new tags for new content.

+3
source share
3 answers

I used both Nivo (the previously mentioned http://nivo.dev7studios.com ) and the jQuery Cycle plugin found at: http://jquery.malsup.com/cycle/

.

Nivo , thumbnails-pager , CSS .

jQuery Cycle , div .

jQuery Cycle , ( ).

+4

Here is a simple jQuery. You could even change it to just images and exclude divs altogether. http://jsfiddle.net/QnkEm/4/
Updated to use the provided images.

0
source

All Articles