Recent comments

15 jQuery Space-Saving Content Sliders and Carousels

We all know about the popularity of jQuery image and video sliders and galleries. For the most part they are all feature-rich and perfect in their own way, but very few of them have been built to accommodate non-image content (blocks of text) that would allow you to have, for example, a rotating featured content area or a popular post section. Why is that?

The good news is that we have managed to find 15 feature-rich jQuery plugins that do cater for non-image content. These plugins will allow you to organize, highlight and showcase your most important content in a sleek and stylish manner while at the same time allowing your readers to browse your content all within the same page.

AnythingSlider combines a featured content, start/stop, and moving boxes slider into one, and throws in some new features to create a full-featured slider. It includes prev/next controls, navigation tabs, hashtags for each slide, multiple sliders, autoplay on hover, linking to slides from static text links, and a lot more.AnythingSliderView the Demo →

SlideDeck is a SEO-friendly fully-featured stylish slider that includes a lot of customization options, full API access, many templates + skins + styling to choose from, vertical slides, video-ready, and more.SlideDeckView the Demo →

Start/Stop Slider is a simple slider that features a stop/start button, as the name implies. It also lets you add/remove panels. While it’s not a plugin, implementing it is fairly easy, and all of the code—as well as a download link to the files—is provided in the post.Start/Stop SliderView the Demo →

This is a tutorial that shows you how to build a content slider with jQuery. The content slider is easy to implement, you can use multiple instances of it on a single page, and you can customize the size, button images, and such. All of the code and a download link to the source code are provided in the post.Content SliderView the Demo →

Compact News Previewer, as the name suggests, lets you show your latest article or news in a compact way. The news previewer shows a list of articles on the left side and the preview of the article along with a longer description on the right. Once the article or news item on the left is clicked, the preview slides in.Compact News PreviewerView the Demo →

This is a tutorial that shows you how to build a slick and functional content slider using the jQuery UI slider widget. You’ll have a container which will contain different blocks of content, and the slider on the bottom will be moved to show the different content blocks. All of the code and a download link to the source code are provided in the post.Content Slider with jQuery UIView the Demo →

Dynamic Carousel is a dynamic content slider and carousel, as the name implies. The way it’s dynamic is it uses percentages instead of pixel values, so it can be easily used on a responsive/flexible layout.Dynamic-CarouselView the Demo →

Agile Carousel is a really stylish content slider and carousel that’s very customizable, so you can use it according to your website requirements. The JSON data format is used, so you can more easily integrate with external data or data from your content management system (CMS). You get three different visual flavors to work with too, so you’re not stuck with just one carousel style.Agile CarouselView the Demo →

This is a tutorial on how to create the slick and effective slider effect in the app Coda by Panic using jQuery. In addition to breaking down the pieces required to create the slider effect, the tutorial shows how to better it. All of the code is provided in the post.Coda Slider EffectView the Demo →

What Are Your Most Useful Sliders and Carousels?

Your turn: what are your favorite jQuery content (non-image) sliders and carousels? What glaring omissions do you know that should be on this list? Feel free to share your useful additions in the comments section below.