As you know, jQuery image galleries and sliders are very popular these days and found on many many websites, including those ones based on DNN CMS. There are several interesting use cases for image/content sliders, however I think it is most common to use them on the front page to showcase featured articles, latest blog posts or products. Unfortunately, there are so lots lots of free jQuery plugins & premium DNN slider modules available that you no idea which is the best & worthwhile. In this post we’ll see tutorials that can provide you with the resources showing you how image gallery/sliders can be created from ground up for your dnn websites.

Turn Content Slider Widget into a jQuery Carousel

It covered how to integrated Content Slider Widget (the core widget of Ultimate DNN Blog Module – SunBlogNuke) with a jQuery carousel seamlessly and easily made it run well as you expected.

MORE INFO / DEMO

Built DNN Awesome Content Slider

Slideshow

It shared you how to set up your content widget as a list and apply some cool jQuery slider scripts to it without any additional steps. This sample will show you how to integrate it with Coin Slider Plugin and build the navigable content slideshow for dnn website.

MORE INFO / DEMO

Build DNN Rotator with GalleryPlus

dnn-rotator-galleryplus

The aims of our Gallery+ module is to solve those problems for clients. It provides a lightweight, feature-rich and professional solution to let you build gallery/sliders with simple steps, even if you don’t have much experience with JavaScript and jQuery. This tutorial applied our brand gallery module how to implemented slideshow/rotator/banner/slider functionality with more attractive effects.

MORE INFO / DEMO

Amazing Slide Thumbs with DNN Blog Posts

slide_thumbs

With the help of jQuery & CSW, you will be able to create any super content sliders with your dnn blog posts and this tutorial showcased the amazing slide thumb on how to make viewing images or other site content more comforting and intuitive.

MORE INFO / DEMO

How to Active Paging for Content Slider Plus

active dnn paging

It covered how to active paging navigation in the content slider with the highly configurable design of enhanced "Content Slider Plus" widget. In this sample, we used the external script & style feature to extend paging customization. With including the jQuery paging script, you can organize the posts list and show them with paging navigation in the bottom. What you need to do is to configure some basic options, such as page size.

MORE INFO / DEMO

More Awesome Sample to Showcase SunBlogNuke Flexibility

Code Sample for Content Slider Widget

With this tutorial, you will learn how to build superb content slider with the extendibility and flexibility of "Content Slider Widget".  In the customized process, some magic CSS makes it look more attractive.

MORE INFO

Please stay tune and more tutorials will be updated here later. :)

If you have any feedback or question, please feel free to post a comment below or send us a note. Thanks a lot.