jQuery Content Slider: FlexSlider

jQuery Content Slider: FlexSlider
in jQuery 4 comments
Advertisements

jQuery plugins are constantly being released, and it’s no surprise since it’s insanely popular, and for good reason. The only problem is being able to sort through them all to find the good ones.

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.

You may be interested in the following modern trends related articles as well.

Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like.

Don’t forget to Subscribe  to  our  RSS-feed subscribe to our RSS-feed and Follow  us on  Twitter follow us on Twitter — for recent updates.

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 Content Slider: FlexSlider Preview:

jQuery Content Slider

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

Download jQuery Content Slider: FlexSlider

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://flex.madebymufffin.com/
Demo: http://flex.madebymufffin.com/demo
Download: https://github.com/mbmufffin/FlexSlider


FOR MORE INSPIRATION

10 Useful jQuery Plugins For Designers

Post Thumbnail of 10 Useful jQuery Plugins For Designers

20 jQuery Plugins You Have To Know

Post Thumbnail of 20 jQuery Plugins You Have To Know

jQuery Plugins – 20 Amazing jQuery Plugins and 100+ Excellent jQuery Resources

Post Thumbnail of jQuery Plugins - 20 Amazing jQuery Plugins and 100+ Excellent jQuery Resources

Related Posts Slide Out Boxes Menu with jQuery and CSS3

Post Thumbnail of Related Posts Slide Out Boxes Menu with jQuery and CSS3

Catch404 – jQuery Plugin For Handling Broken Links Smartly

Post Thumbnail of Catch404 – jQuery Plugin For Handling Broken Links Smartly

75+ jQuery Plugins: Download Powerful and Elegent jQuery Plugins & Tutorials

Post Thumbnail of 75+ jQuery Plugins: Download Powerful and Elegent jQuery Plugins & Tutorials

 
 
Author:
I'm Muhammad Faisal founder of GDJ and co-founder of FPD. I love all things having to do with WordPress, PHP, HTML5, CSS, or jQuery. And really enjoying to writing articles on web design and typography. You can catch me on Twitter, Facebook and Pinterest.

4 Comments

Free Wordpress Theme Aug 24, 2011

Great list of these tutorials! thanks for sharing!

Ryan Jan 9, 2013

Hey, the jQuery file is actually 16Kb not 4Kb in the minified version

Author
GDJ Jan 10, 2013

Hi @Ryan,
Thanks for the updates.

Trackbacks to this post.
Leave a Comment

Previous Post
«
Next Post
»
© 2010 - 2016 Graphic Design Junction.
Powered by Wordpress.