Unslider 2.0: An ultra-simple jQuery slider - 슬라이드  carousel


Unslider (now in version 2.0) is a super simple jQuery carousel/image slider. It has a variety of options available, including animation, a totally manual option, infinite sliders, and more.










Posted by 홍반장水 홍반장水
17 jQuery Carousel Plugins




Do you own a picture or video based website? Well, in case your picture or video is not very interesting, people might not even look at your site. This could be a problem. With content you could work on the fonts or probably on the look of the page. Content has a variety of ways to make it look attractive and creative. But, it is difficult to make your website filled with videos and pictures look beautiful. So, is there no way out? Well, it’s difficult not impossible. You could probably use the jQuery carousel plugins that would help create a whole new world of video and picture for you.

With jQuery carousel plugins you can animate your website in order to make it look interesting. The effects created with this plugin give your video a special effect. In fact your videos are handled in a brilliant way such that they appear to be interesting. What happens when you use these plugins? Well, your video suddenly appears inside a small circle that gives away an interesting and appealing look to the overall website. You can have your logos on a rectangular slider that has an option of navigation. What could be better than this for your pictures? You could even create small circles surrounding your main rectangle and make it appear in a sequential format. Wow! This sounds really appealing to the eyes. How about creating small images below the main image? This could make your picture look interesting and effective to the eyes. A small portion of the other images can attract your eyeballs completely.

So, you can actually use one or all of these plugins and create an interesting plugin mix. Try out these interesting plugins and give your website filled with videos and photos an amazing feel.

If you like this article, you might be interested in other article on best jQuery Plugins to Create Dynamic Layouts. and Parallax Scrolling Tutorials and jQuery Plugins for Designers.



Sprouts is a creative slider with gorgeous and innovative animations. Thumbnails are shown on mouseover surrounding the slider. jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.




BubbleSlider is a jQuery circle only slider. It is really light (3kb for minified version and 8kb for commented version) and provides different eye-catching effects.


jQuery Responsive Grid Quote


A jQuery plugin help you to display team information or customer testimonial. This carousel plugin is responsive and lightweight. Main features include auto delay slideshow, optional auto scroll, optional thumbnail background color, font size etc.




jSliderPro is a complete and highly customizable banner rotation and is equipped with a complex set of features that make it extremely flexible and adaptable. With little effort you can create unique, fully responsive – and compatible with all major browsers. HTML5 slideshows for your websites.


Dasky Timeline Slider


Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.


J.B.Slider – Standalone


J.B.Slider is easy to use jQuery image slider with description box and button link for further reading. This requires jQuery and jQuery UI (both included in the package) Supports Internet Explorer 7 to 9, Chrome, Firefox, Safari, Opera.


Versatile Touch Slider


Versatile Touch Slider is a jQuery plugin that offers a variety of options. It may just be a banner rotator or a shelf to display products. Has the touch feature to mobile and drag for the desktop. The navigation can also be done via buttons and menu. Through the lightbox it is possible show multimedia content (video, audio, image and html content). See below the main features and click on Live Preview to see some examples.




AjQuery gallery slideshow plugin is a perfect slideshow and it is as it looks. With sleek, smooth and simple 5 transition effects this plugin is compatible with all modern browsers




Everslider is fully responsive, mobile optimized jQuery carousel plugin. It uses CSS3 transitions for animations with fallback to jQuery. Supports unlimited slides with any content. Everslider recognizes touchswipe, mousewheel and keyboard interactions and works in vast range of browsers starting with IE7 up to mobile browsers.


Ultimate Smart Slider


Stop coding your images! This is a jQuery plugin that automatically generates a slider from a folder of images, taking the name of the images as captions. You can change the order of the images, and also select which ones will show the caption.




RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practices of HTML5, CSS3 transitions are used for all animations (with fallback).


All Around


All Around content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an easy and effective solution for your shop related website as you can display your products in an interesting and eye appealing way. All Around carousel is perfect for almost all type of websites and it can fit perfectly into all business areas.


Cloud Carousel


This jQuery carousel features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image. There are some benefits to doing this kind of thing in JavaScript rather than Flash, not least of which is the ease of integration, small file size, SEO, and inherent degradability/ accessibility. Not having another dev-tool in the workflow is another plus. The carousel features realistic perspective. Many 3d carousels only apply perspective scaling to the size of the images, not their positions. This results in disproportionate gaps appearing between items as they shrink in the distance which looks odd.




This is a fully responsive jQuery content slider plugin. Slides can contain images, video, or HTML content. This plugin has advanced touch / swipe support built-in and uses CSS transitions for slide animation (native hardware acceleration!)


jCover Flip


jCoverflip is a jQuery widget that allows website administrators to present featured website content in a visually appealing manner. The widget is quick setup and is highly configurable, and can run as a Drupal Module or standalone. jCoverflip enables quick, easy and granular customization to the look and feel and feature set.


AGILE Carousel


Implement your slideshow with the Agile Carousel JQuery plugin. Highly customizable so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development.


Rotating Image Slider


This is a tutorial where you will create an asymmetrical image slider with a little twist: when sliding the pictures you will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders


Posted by 홍반장水 홍반장水

18 Best jQuery Carousel Plugins


jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery Carousel plugin allows users to present their website contents such as videos, images, and text in creative and attractive way. jQuery carousel plugins make it easy for developers to easily use and implement plugins to achieve desire and visually stunning looks for their websites.

In this article we have gathered 18 free best jQuery Carousel plugins that will make your tasks easy and help you to easily present your website contents and images in creative and innovative way. Following jQuery carousel plugins are absolutely free and each of them comes with different features, functionality and several options for customization. I hope you will find these plugins handy, useful and right choice for your next and upcoming projects.

If you like the article you might be interested in our other article on 15 Best jQuery Image Slider Plugins

1. Tiny Circleslider

Tiny Circleslider is a circular slider / carousel. That was built to provide web developers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any webpage. It was built using the javascript jQuery library. It supports iPhone, iPad and Android as well. A interval can be set to slide automatically every given milliseconds. You can fire a callback after every move. It is easy customizable and lightweight with only 130 lines of code. The minified size is only 4 KB.

Source & Demo

2. Flexisel

Flexisel is a jQuery carousel plugin that works well on screen sizes down-to-mobile. It has settings for enabling autoplay, defining the animation speed and stopping on hover or not.The standard layout of Flexisel adapts to different screen sizes but also, the plugin provides an option to customize the “number of visible items” for the screen sizes preferred which offers a great experience for users.

Source & Demo

3. Cycle 2

Cycle, a pretty old yet very popular jQuery slideshow plugin now has a new, improved version: Cycle2. The plugin is perfect for anyone looking to create a completely customized slideshow as it does not declare any markup or style. And, its functionality is flexible too. Cycle2 supports responsive layouts, has options for everything (global and per slide) and can be extended easily using a full-featured API.

Source & Demo

4. Minimit Gallery

Minimit Gallery is a highly customizable, library agnostic plugin that does galleries, slideshows, carousels, slides, practically everything that has multiple states in less than 10kb Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced JavaScript/Jquery programmers because you need to code all the animations and the css of the gallery. It has been tested on IE7+, Firefox, Safari and Chrome.

Source & Demo

5. CarouFredSel

jQuery.carouFredSel is a plugin that turns any kind of HTML element into an infinite, circular carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.
You can dynamically add and remove items to/from the carousel. It is compatible with most popular (jQuery) lightbox-plugins. The carouFredSel-plugin was built using the jQuery-library. It is licensed under the MIT-license.

Source & Demo

6. Slider Kit

Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels and more. It has support for both horizontal + vertical sliders and items can be navigated via buttons, mousewheel, image click or keyboard. There are lots of options provided like auto-start being on/off, animation types, and navigation being an infinite loop or not, starting position of the slideshow and much more.

Source & Demo

7. Tiny Carousel

Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Source & Demo

8. jCoverflip

jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set. It has many features like drag or click functionality to showcase featured content items or demand by the users, ability to showcase both images and content associated with an item, module integration with Drupal or standalone version and many more.

Source & Demo

9. jQuery Image Scale Carousel

It is a jQuery plugin which auto-scales the images into appropriate height and width keeping their aspect ratio. The plugin simply converts an array of images to a slider and supports manual browsing with previous-next controls and auto-play. The download package also includes a PHP-based example which creates the “images array” itself by scanning a given directory.

Source & Demo

10. Slides js

SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions.

Source & Demo

11. Agile Carousel

Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows. The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier. You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Source & Demo

12. Barouseul

Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

Source & Demo

13. Circular Content Carousel

This plugin uses slider which holds the content along with their brief description, when users click on content a small box expands next to the content slider, where users can read and see the detail information related to the topic and slider yet navigates.

Source & Demo

14. Elastislide

Elastislide is a responsive jQuery carousel plugin that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Source & Demo

15. Cloud Carousel

Cloud Carousel is a free option with 3D effects. The images rotate in a circular fashion with realistic perspective and reflections are also show.

Source & Demo

16. jQuery Infinite Carousel Plugin

The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate. Try out the demos below to see how versatile the Infinite Carousel is.

Source & Demo

17. jQuery Liquid Carousel Plugin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Source & Demo

18. jCarouseul Lite

jCarousel Lite
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

Source & Demo
Posted by 홍반장水 홍반장水
30+ Innovative New jQuery Plugins




30 _Innovative_New_jQuery_Plugins_Design_Shack.mht

Responsive Touch-Friendly Audio Player

This responsive audio player is the perfect example of jQuery at work. You simply include the plugin codes and create any typical HTML5 audio element. This will automatically be converted into a touch-friendly audio player with a dazzling CSS3 user interface.

open source audio player jquery plugin


I am sure plenty of designers & developers recognize the sliding side menu. This became popularized from iOS mobile applications using sliding menu buttons in the toolbar. And now this effect may be replicated for websites using only jQuery and the Sidr plugin. Check out the live demo and see how this could work in your own projects.

side opening navigation menu plugin


Do you remember seeing all these lazyload image plugins? There are so many various options, and even some free open source WordPress plugins have been released. This particular image loader plugin follows a much nicer example with all images loading in a sequential order, following a fading effect. The live demo is a prime example of how you can apply this to your website.

imageloader preloading images jquery plugin


Although Swatches may not have a practical use in many website layouts, it is a wonderful jQuery plugin for toying with specific colors. This plugin will create a div area using a palette of related colors based on your input choice. Generating your own color scheme may be difficult and this is a unique open source tool for the job.

jquery plugin color swatches hex value

Hot on Facebook

Hot on Facebook is a rather obscure idea. But the plugin does work perfectly in all standards-compliant browsers, so for those who enjoy Facebook sharing this is for you! Hot on Facebook will take a URL and check the total number of FB shares. Then it will be displayed on the page as a social media sharing badge.

hot on facebook plugin jquery open source


The open source Toolbar.js script is fairly easy to run, but has its limitations. This plugin will create a small tooltip menu of icon links which appears on any element you choose. It can be immensely powerful coupled with a user profile or other icon-command interface. However the effect is rather obscure, so don’t be surprised if you have a hard time fitting this into your layout.

Toolbar.js plugin jquery open source javascript

jQuery PowerTip

As for handling regular tooltip hovers you may consider jQuery PowerTip. This is a fairly new plugin released as open source on Github. You can check out the live demo to see a better example, but the simplest explanation is creating tooltip popup menus when hovering over some HTML element.

open source jquery powertip tooltips plugin


The jQtimeline plugin offers very unique functionality which I have never seen before. You can build a horizontal timeline with date events setup throughout the list. In this way, users may click on an event to display more information. It certainly has its practical uses but will take a bit of custom code to get working properly.

open source timeline dynamic jquery plugin


The Swipebox plugin is a mobile responsive jQuery image gallery. This is especially designed for mobile webapps and websites which are made responsive for smartphones and tablets. The image gallery will take up the entire screen, and you can even touch-to-swipe between other images in the slideshow.

mobile responsive swipebox jquery plugin


MixItUp has a lot of various custom options and I would say this is closer to an intermediate jQuery plugin. You will need to understand a few concepts when customizing the default setup and adding this into your page. But it will allow quick sorting of elements within a set gallery like portfolio items, images, photographs, and so much more.

jquery css3 image sorting portfolio gallery listing plugin

jQuery Spellchecker

Designers who are familiar with the in-browser spellcheck may be a fan or may completely hate it. This jQuery plugin offers a different solution where you may edit the callback function to display related vocabulary. It is a daring plugin which is completely free to use, but also requires a bit of customization to get working correctly.

jquery open source plugin spellcheck code


ScrollUp is in my top 5 new favorite plugins just for its ease of use and pre-built styles. Simply include the JS files into your webpage and setup the offset distance from the top. Then after a visitor scrolls beyond this limit a small fixed div will appear in the bottom corner. It is an excellent alternative to coding your own button from scratch.

jquery scrollup plugin open source codes

Nod Frontend Validation

Nod is a frontend validation plugin for HTML input forms. Using jQuery you may setup the actual basis for what is considered good and bad data, then check these values after the user submits the form. It will not go through until all of the criteria are met.

jquery nod frontend form validation plugin open source


Select dropdown menus have always been stuck in their own CSS styles. There are some posts online which delve into customizing your own select menu, but often not supported by all browsers. This jQuery plugin Select2 is an enhancement on the typical HTML select field. Just include the plugin within your heading and all select menus can be updated with a small bit of code.

select2 dropdown menu input fields open source plugin


Aside from the other great jQuery tooltip plugin, I have to recommend Tooltipster for their alternative codebase. I have used Tooltipster in a few projects and it works just as described. Many of the options are so easy to implement, and this allows developers to customize their own tooltips with just a few CSS properties.

jquery open source tooltips web design jq plugin


This strange carousel-style plugin allows you to create a dynamic rotating panel of elements. The jQuery Vortex plugin is fairly new, and there are still updates being applied on a regular basis. However I think it is worth a mention since the techniques are still not as mainstream as you might expect.

jquery open source vortex plugin spinning carousel


iCheck is one of the best jQuery plugins I have ever found to update your input fields. Checkboxes and radio buttons will receive a totally new look when you choose the proper skin and color style. I will admit that iCheck is a bit deceiving with so many confusing options at first. But the more you practice the easier it will get to include this plugin within your website(s).

icheck input fields menus form plugin

Any List Scroller

ALS or Any List Scroller is a typical jQuery plugin for image slideshows. But instead of displaying the images in a bigger view, they are rotated like a typical homepage items scroll container. There are options to include arrows on both sides and allow visitors to manually switch between internal elements.

als list feature plugin jquery rotation content


Tumbo is a fairly rudimentary plugin for quickly displaying a feed out of your Tumblr blog. This can be updated to display the contents from any Tumblr blog just by using the subdomain URL. Obviously not everybody will have a need for this, but it is good to know that developers are working their way through APIs like Tumblr built into JavaScript plugins.

tumbo tumblr theme api pulling content jquery plugin


Speaking of APIs – this Spectragram plugin is a quick method for accessing photos off Instagram. You simply include the JS files into your header and then specify a user or search query. The Spectragram plugin will pull all related results and link back to the original shot.

instagram api spectreagram jquery open source plugin

jQuery Stripe

The jQuery Stripe plugin offers a more traditional image gallery. Each photo will only display as a small vertical sliver which you may click to show the whole image. There are also arrows on the right and left sides to change between views. I don’t think it is the best option but it can be an offbeat solution for atypical website layouts.

side opening navigation menu plugin


SocialCount handles another strange feature which does get a lot of requests. This plugin will allow you to quickly pull out the numbers for Twitter, Facebook, and Google+ shares. Merely enter the target URL and you can display social media badges anywhere in your webpage.

social count widgets buttons jquery plugin

Custom Scrollbar Plugin

jQuery Custom Scrollbar is a fascinating plugin which deserves a lot of attention. This has been online for quite a while now, but the effects still never cease to amaze. You can quickly make a div element with an overscroll feature using these custom scrollbars. It is perfect for handling custom content which should not take up the entirety of the layout.

open source custom scrollbar plugin demo screenshot


Smallipop is yet another beautiful jQuery tooltips plugin. You should look at some of the examples to see how this would be implemented. Each tooltip plugin follows its own rules and they may or may not appeal to everyone. But I think Smallipop is a great choice for developers getting started in JavaScript libraries.

jquery open source plugin smallipop tooltips


jPanelMenu is another popular jQuery plugin for using a sliding navigation. You may quickly include these codes within your website to add the effects on any page. Just target the open/close element and whenever the user clicks, it will display your hidden navigation. Take a peek at the live demo to see this effect in action.

jquery jpanelmenu open source plugin navigation


Intro.js is an introduction guided tour plugin for jQuery. There are a lot of options and custom settings you may choose, but this also allows for a more unique website performance. I think Intro.js is the best jQuery plugin for creating a guided website tour. The CSS is easily malleable and you can demo with all sorts of different layouts.

intro tour guided website functions jquery plugin


The list of shadowboxes and lightboxes has grown tremendously since 2011. I think the jQuery plugin Lightbox_me is another beautiful example of this feature. You can setup images, forms, videos, and other HTML right within a modal lightbox. The JS codes are easy to learn and the plugin does not require a whole bunch of custom edits.

lightboxme lightbox shadowbox popup jquery plugin

jQuery Carousel

I think the abitgone jQuery Carousel is definitely a peculiar option. This will display prev/next links right within the image div encapsulating all of the other images. It looks really nice in smaller spaces and you can resize the example to anything you need. I feel it is worth looking into but it may not come out as your favorite option.

jquery jq plugin development open source carousel images


Are you familiar with how Google Images currently displays results? This is how jQuery Superbox works using your own static images. Visitors have the ability to browse thumbnails and once they click, a new div will open up displaying the full image. I really like this plugin because the user experience mimics Google very closely. And since people are already familiar with Google it provides a seamless exchange of data without much confusion.

jquery superbox image gallery showcase open source


KGallery is another beautiful jQuery image gallery with slideshow features. The default icons are not permanent and you can obviously update other bits of the user interface. What really catches my attention is the option to include smaller image thumbnails within the gallery design. It is a fairly simple plugin to setup and I would recommend testing the live demo to see how you feel about the implementation.

kgallery interface jquery plugin open source

jQuery Litelighter

Plenty of great syntax highlighters have been released over the past few years. But jQuery Litelighter is another plugin I really appreciate for the simplicity and graceful nature. You can generate highlighted syntax for nearly any popular language, and it should work using any of the most common web browsers.

jquery lite lighter highlighting syntax code


bxSlider simply has one of the best user experiences for an image slideshow. You can implement this right onto your homepage or within any other page of the site. It will provide a solid design for users who are familiar with image slideshow features. Also the jQuery codes are very minimalist and do not bog down the website over long loading times.

responsive jquery bxslider plugin slider


The MeanMenu plugin is a newer release and certainly worth looking into. I really like how the default navigation design will automatically resize based on the total number of internal links. Also you can include sub-menu links which offers visitors a quicker view of your nav menu. The design is not a great choice for everybody, however it is a solid plugin and may prove useful on some website projects.

responsive meanmenu plugin open source jquery
Posted by 홍반장水 홍반장水


download : http://code.google.com/p/jquery-infinite-carousel/downloads/list

Add an infinite carousel on your site, the easy way. See a Demo here


  • Really easy way to insert a quality HTML carousel on your site
  • Loop infinitely over items when clicking next or previous button
  • Avoid animation flickering due to multi-clicks on next and previous buttons


<div id="viewport"> 
<a id="previous">Previous</a>
<a id="next">Next</a>

ul/li structure can be replaced by any other html structure as div/div, div/span...

Some CSS

/* Comments on styles purpose in the source code */ 
: 240px;
#viewport ul{
: relative;
: 0;
#viewport li{
: 100px;
: 50px;
float: left;
-style: none;

Some JavaScript : the magic

$('#viewport').carousel('#previous', '#next');


If you need to activate auto-scrolling on your carousel, simply simulate a click :

//The auto-scrolling function 
function slide(){
//Launch the scroll every 2 seconds
var intervalId = window.setInterval(slide, 2000);

//On user click deactivate auto-scrolling
('#previous, #simpleNext').click(

Posted by 홍반장水 홍반장水


WOW Slider - jQuery Carousel & Slider

WOW Slider is a jQuery Image Slider with stunning visual effects and fancy templates.


  • # Awesome and unique transitions: Blinds, Fly, Squares, Explosion, Fade, Slices, Basic
  • # Stylish pre-made designs: Noir, Pulse, Crystal, Noble, Chrome, Block
  • # Lightweight (4-12Kb uncompressed)
  • # Prev/Next controls
  • # Bullet navigation
  • # Customizable speed, delay, size etc.
  • # Cross-browser compatibility
  • # Search engine friendly
  • # Clean and valid markup

More Info: http://wowslider.com/
Live Demos: http://wowslider.com/automatic-jquery-slider-noir-squares-demo.html

Recent Demos

Posted by 홍반장水 홍반장水