Awesome jQuery Content Slider: FlexSlider
FlexSlider is a lightweight (4kb minified) jQuery content slider plugin that is fully responsive, works great in any resolution and adapts itself nicely.
It uses unordered lists, any HTML content can be placed inside each <li>and they will be converted into slides.
Items can be browsed with the help of navigation buttons, keyboard or an auto-slideshow feature.
There are built-in animations offered for the transitions: fade and slide. And, it is possible to define the slide + duration speeds.
FlexSlider also has some options to improve usability like “pausing on action” or pausing on hover”.
jQuery FlexSlider Features:
- imple, semantic markup
- Supported in all major browsers
- Slide and Fade animations
- Highly customizable slider options
- Directional, keyboard, and touch swipe navigation
- Ultra Lightweight (4kb minified)
- Use any html elements in the slides
- Built for beginners and pros, alike
- Free to use under the MIT license
Requirements: jQuery
Compatibility: All Major Browsers
Website: http://flex.madebymufffin.com/
Demo: http://flex.madebymufffin.com/demo
Download: https://github.com/mbmufffin/FlexSlider
Related Posts
Comments
- Best and most popular jQuery Slider Plugins - ITNews4India
FOLLOW US
-
How to Create Your Own Job Board Site Easily
July 29th, 2014 -
12 New HTML5 Responsive WordPress Themes
July 27th, 2014 -
15 New Photo Manipulation Tutorials Of Photoshop
July 27th, 2014 -
25 + Mobile UI Design Elements & Free UI Kits PSD
July 26th, 2014 -
15 High Quality Business Cards PSD Template
July 23rd, 2014
-
25 Professional Business Card Templates (PSD)
Date: 2014-07-27 23:07:58Professional business card templates are perfect for programmers, IT company, Photographer's, Personal and Business company. In this post, you will..
-
Responsive Websites Design - 26 Fresh Examples
Date: 2014-07-27 23:07:15Responsive design have many features that allow developers and designers to create apps and websites with the functionality, speed, performance, and..
-
550 Free Vector Line Icons for Designers
Date: 2014-07-27 23:06:04If you're building a website or an app, you'll definitely need a professionally designed icons. This vector icons collection have 550 line icons for..
-
HTML5 CSS3 Websites Design - 27 Inspiring Examples
Date: 2014-07-27 23:04:55Fresh Award winning websites using HTML5 markup. In this collection you can see the Graphic design, web design, portfolio and corporate web design..
-
15 Creative Logo Designs For Inspiration
Date: 2014-07-26 21:44:04In this post you will find 15 Creative Logo Designs For Inspiration which are design by creative designers , to build a brand identity a..
-
22 Magical Pictures of Crepuscular Rays and How to Capture Them
Date: 2014-07-26 01:55:00Crepuscular rays form whenever there's such a distortion in sun/moonlight that makes it look as though pillars of light are stretched out. This..
-
Awesome Showcase of Creative Dark Color Web Designs
Date: 2014-07-24 10:53:19What do you say when you see a nice girl in black dress or a a nice looking dream car on the road? 'Black beauty'! Right? Black is my favorite color..
-
Create Metro Style Website: Frameworks, Plugins, Templates
Date: 2014-07-24 09:04:20If you're planning to create your next website in metro style you may need some help with it. Here we have 15 metro style resources such as..
-
21 Attention-Grabbing Examples of Elevator Advertising
Date: 2014-07-24 07:48:18Elevator advertising is a rising trend in outdoor advertising. The reason is that people have to wait in elevators, which allows the message more time..
-
How to make whitespace work on the Web
Date: 2014-07-24 06:52:34The term white space is sometimes used interchangeably with negative space, and the concept is the same. Though the term refers to "white" space in..