liSlider.js

liSlider.js
jQuery Plugins, Tutorials

liSlider.js

kingkode
March 21, 2013
6 Comments

jQuery based list item carousel like rotator .

What is liSlider?

liSlider is a jQuery plugin to rotate through list items.

Check it out on github!

Features

  • Li Offset
  • Display Count
  • Easy CSS customization

Compatibility

Chrome, Safari, Firefox, Opera, IE7+

Usage

Javascript

Include jquery and the liSlider script in your head tags or right before your body closing tag.

CSS

Include the liSlider CSS style in your head tags.

HTML

Use the following markup for your slider.


   
    
      
  • List Item Content here
    • 
      
  • List Item Content here
    • 
      
  • List Item Content here
    •

Fire the plugin

Bind the liSlider behaviour on every link with any id or class, include the li offset (total width of each object including padding and margin) and the number of items to display at a time.

$("#liSlider").liSlider({offset: 275, show: 2});

Creator

Richard McMaster

License

liSlider is available under the MIT license.



Join the Conversation

Loading Facebook Comments ...

6 thoughts on “liSlider.js”

  1. Avatarsitus slot online

    Hello I am so grateful I found your web site, I really found
    you by accident, while I was researching on Yahoo for something else, Nonetheless I am here now and would just like
    to say many thanks for a marvelous post and a all round interesting blog (I also love the theme/design), I don’t have time to browse
    it all at the moment but I have book-marked it and also added in your RSS feeds, so when I
    have time I will be back to read a lot more, Please do keep
    up the excellent job.

  3. AvatarKristopher

    It is appropriate time to make some plans for the future and it is time to
    be happy. I have read this post and if I could I desire to suggest you few interesting things or tips.
    Maybe you could write next articles referring to this article.
    I desire to read even more things about it!

Leave a Reply