Skip to main content

15 Best Examples of Free jQuery Content Sliders


With jQuery becoming ever more popular, the volume and quality of plugins and tutorials that developers are releasing and writing are increasing rapidly. 


Content sliders are a great way to show large amount of content on a smaller area of a web page or blog. Dynamic auto sliding content sliders are a lot popular on numerous websites over the web. Are you interested in implementing a content slider in your website? Checkout this list!
1. jFlow | Official Website | Demo
A pretty neat photo slider. It featured in nettut, if you try to make yourself a photo slider. Visit this site.
jFlow

2. Create Featured Content Slider Using jQuery UI | Official Website | Demo
This is a nice tutorial that teaches you how to “show off the best content of your website or blog in a nice intuitive way” in order to “catch more eyeballs”. One of the techniques to show the featured content is the auto-playing content slider.`
Create Featured Content Slider Using jQuery UI

3. Create Beautiful jQuery sliders tutorial | Official Website | Demo
This tutorial explains how to develop/create Beautiful jQuery sliders tutorial with image description and name.
Create Beautiful jQuery sliders tutorial

4. A Basic Content Slider With jQuery | Official Website | Demo
A Simple Content Slider Using jQuery By Brenelz's Web Development Tips
A Basic Content Slider With jQuery

free and easy to use Flash component created especially for easy visual representation of multimedia lists such as XMLs, RSS 2.0 feeds from Picasa and Flickr.
JC Play List

6. Easy Slider | Official Website | Demo
a JQuery Plugin that “enables images or any content to slide horizontally or vertically on click”.
Easy Slider

7.  jqGalScroll | Official Website
jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.
jqGalScroll

8. Image Gallery | Official Website
It’s nothing complicated - a simple image gallery/viewer. When calling the plugin you specify which images you want to use like this:
Image Gallery

9. Making a Content Slider with jQuery UI | Official Website | Demo
a very well explained step by step tutorial by Dan Wellman for NetTuts.
Making a Content Slider with jQuery UI

10. Creating a Slick Auto-Playing Featured Content Slider | Official Website | Demo
a tutorial written by Chris Coyier from CSS-Tricks.com. This script is based on the Coda Slider. It has additional features such as:
Creating a Slick Auto-Playing Featured Content Slider

11. slideViewer | Official Website
SlideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images. 
slideViewer

12. Start/Stop Slider | Official Website | Demo
Start/Stop Slider

13. A Minimalist jQuery Plugin | Official Website | Demo
a tutorial from WebDesignBooth that explains you how to create a simple content slider using the powerful library JQuery.
A Minimalist jQuery Plugin

14. BarackSlideshow | Official Website | Demo
a very tiny and lightweight slideslow script, inspired by the slideshow in Barack Obama website. The script takes the power of MorphList to enhance visualization and navigation of the images.
BarackSlideshow

15. Wordpress Theme using JQuery s3Slider | Official Website | Demo
Creating Featured Slider in Wordpress Theme using JQuery s3Slider
Wordpress Theme using JQuery s3Slider

Comments

Post a Comment

Popular posts from this blog

உடல் எடையை குறைக்க வேண்டுமா ?

இன்றைய அவசர உலகின் மிக பெரிய பிரச்சனையாக இருப்பது உடல் எடை அதிகரிப்பது தான்.மனம் போன போக்கில் உணவு கட்டு பாடு இல்லாமல் கண்டதையும் உள்ளே தள்ளுவதும்,உக்காந்த இடத்திலேயே கணணி முன் நேரத்தை விரயமாக்குவதும் தான் இந்த பிரச்சனைக்கு மூல காரணமாகும். அது சரி இந்த பிரச்சனையை எப்படி இல்லாமல் செய்வது அல்லது உடல் எடையை எவ்வாறு குறைப்பது என்பதை பற்றி பாப்போம் , பல வருட ஆரய்சிக்குபின் மருத்துவர்கள்   உடல் எடைய குறைக்க மிகவும் சுலபமான உடற்பயிற்சியை கண்டுபிடித்துள்ளனர்.இது  100% பயனளிக்க கூடியது, எந்த இடத்திலும் எந்தநேரத்திலும் மிக சுலபமா செய்ய கூடிய உடற் பயிற்சியாகும்.இந்த உடற்பயிற்சிகள் படத்துடன் கீழே தரப்பட்டுள்ளது நீங்களும் முயற்சித்து பாருங்கள கண்டிப்பாக பலன் கிடைக்கும்... முதலில் நாற்காலியில் உட்கார்ந்து இட  பக்கம் பார்கவும் .. ..        அடுத்து  நாற்காலியில் உட்கார்ந்து வல  பக்கம் பார்கவும்  ....  நண்பர்கள் யாரவது மச்சி வாடா சின்ன பீஸ் ,இங்க பாரு சூப்பர் அய்டம்னு சொல்லி கால்ல விழுந்து கூப்பிட்டலோ மேற்கூறிய உடற் பயி...
Post a Comment
Read more

(Loot again) Get Mi Earphones & Mi Backpack In Just Rs.1

How to Get Mi Band , Mi Earphones & Mi Backpack In Just Rs.1 1, First Of All Just  Click On Below Links 1 By 1  Click 1->  Mi City Backpack Dark Grey Minimalist sleek design  -In Just Rs.1 Click 2->  Mi Earphones Silver Dynamic bass sound  -In Just Rs.1 2. Now Open All Links 1 By 1 3. After Opening The Link Click On “ Click to Bring The Price Down ” Then Click “ I Want it too ” 4. Login into Your Mi Account ( Or Sign Up  –  New Mi Account Giving Huge Price drop Like Rs.50 Or Rs.70 Drop , So Recommend You to Make New Account ) 5. Now You will See 3 Products There In this  Mi 24 Hour Madness Sale  6. Click On “ Participate ” Now Button & Share The Link With Your Friends When Each Friend Click On Your Link , You Will See Some Price cut in Your Products… Finally After Enough Click Your Product Will be Available For Just Rs.1  7. Start Referring , Start Looting MI
Post a Comment
Read more

30 Essential Free Magento Extensions

Magento is a popular open source platform to built your ecommerce website. It is based on Zend Framework and has a very flexible architecture. Although it is much younger than many of its competitors, Magento has a large community of users.  Developers can easily built plugins or templates for Magento, which makes it more and more popular among open source ecommerce solutions. here are loads of great extensions for Magento to help take your internet store to the next level. 1.  Remerce CMS Meta Robots Set the Robots Meta Tags for Cms pages This module add the option to set the Robots Meta for CMS pages. Go to CMS =>Manage Pages Select a page and go to the tab "Meta Data" Under Robots you can set the Robots Meta Tag 2.  Fooman Google Analytics Plus This is a beta release - please report how this extensions works for you. Current improvements:     * * Track every individual page - including sections retrieved via AJAX during one-page-checko...
4 comments
Read more