RSS

Flexisel – Responsive Carousel jQuery Plugin

13 Sep

Flexisel is a responsive carousel jQuery plugin. The plugin is specifically designed with mobiles and tablets in mind.

Flexisel - Responsive Carousel jQuery Plugin

Flexisel – Responsive Carousel jQuery Plugin

Flexisel Usage

One can adjust the number of items shown based on screen width. Using the plugin is very simple. Add the images to an unordered list. Call the plugin on window.load. This allows the plugin to accurately calculate the image dimensions.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(window).load(function() {
  $(“#myCarousel”).flexisel(
    visibleItems: 4,
    animationSpeed: 200,
    autoPlay: false,
    autoPlaySpeed: 3000,
    pauseOnHover: true,
    enableResponsiveBreakpoints: true,
    responsiveBreakpoints: {
      portrait: {
        changePoint:480,
        visibleItems: 1
      },
      landscape: {
        changePoint:640,
        visibleItems: 2
      },
      tablet: {
        changePoint:768,
        visibleItems: 3
      }
    }
  );
});

There is an interesting part in the set of options. One can give the responsive break point while calling the plugin. That is, we can tell the plugin to display only 3 images in tablet format and so on.

Here is how the carousel looks in a Samsung Galaxy Note 2:

Flexisel - On Samsung Galaxy Note 2

 

Advertisements
 
20 Comments

Posted by on September 13, 2013 in Jquery

 

20 responses to “Flexisel – Responsive Carousel jQuery Plugin

  1. samsung mobile

    September 13, 2013 at 8:40 am

    Everything is very open with a reallly clear explanation of the issues.
    It was truly informative. Your website is extremely helpful.
    Many thanks for sharing!

     
  2. surveillancesystemsz.webnode.com

    September 13, 2013 at 1:19 pm

    Do you have a spam issue on this blog; I also am a blogger, and I was wanting to know your situation; many of us have created some nice practices and we are looking to trade methods
    with others, please shoot me an e-mail if interested.

     
  3. outdoor surveillance camers

    September 13, 2013 at 2:44 pm

    Right now it appears like Expression Engine is the best blogging platform out there right now.
    (from what I’ve read) Is that what you’re using on your blog?

     
  4. http://Kayanja.org/index.php?option=com_blog&view=comments&pid=38495&Itemid=0

    September 13, 2013 at 3:34 pm

    Heya! I’m at work browsing your blog from my new
    iphone 4! Just wanted to say I love reading through your blog and look forward to
    all your posts! Keep up the great work!

     
  5. gospelculture.com

    September 13, 2013 at 3:59 pm

    Hey there! I just wanted to ask if you ever have any problems
    with hackers? My last blog (wordpress) was hacked and I ended
    up losing many months of hard work due to no back up.
    Do you have any methods to prevent hackers?

     
  6. 10 Year Anniversary Gifts

    September 13, 2013 at 4:20 pm

    It’s a shame you don’t have a donate button! I’d most certainly
    donate to this fantastic blog! I suppose for now i’ll settle for book-marking and adding your
    RSS feed to my Google account. I look forward to fresh updates
    and will talk about this blog with my Facebook group. Chat soon!

     
  7. best surround sound system

    September 13, 2013 at 4:50 pm

    Thanks for one’s marvelous posting! I certainly
    enjoyed reading it, you will be a great author.I will be sure to
    bookmark your blog and will come back from now on.
    I want to encourage you to continue your great writing, have a nice day!

     
  8. Kayleigh

    September 13, 2013 at 5:11 pm

    Hey! This is my 1st comment here so I just wanted to give a quick
    shout out and tell you I really enjoy reading your articles.
    Can you suggest any other blogs/websites/forums that deal with the same subjects?
    Many thanks!

     
  9. acupuncture for knee pain

    September 13, 2013 at 5:29 pm

    Woah! I’m really loving the template/theme of this site.
    It’s simple, yet effective. A lot of times it’s difficult to get that “perfect balance” between superb usability and visual appearance.
    I must say you have done a awesome job with this.
    Additionally, the blog loads super quick for me on Internet explorer.
    Exceptional Blog!

     
  10. http://youchundallas.com/board_kEfu62/15638

    September 13, 2013 at 9:18 pm

    I was curious if you ever thought of changing the structure of your website?
    Its very well written; I love what youve got to say.

    But maybe you could a little more in the way of content so people
    could connect with it better. Youve got an awful lot of text for only having
    one or 2 pictures. Maybe you could space it out better?

     
  11. http://Pf351.Phpvelox.com/blog/13731/exclusive-gift-suggestions-to-pamper-your-wife/

    September 14, 2013 at 7:40 am

    We are a group of volunteers and starting a new scheme in our community.
    Your site provided us with valuable info to work on.
    You’ve done an impressive job and our whole community will be grateful to you.

     
  12. sound systems for churches

    September 14, 2013 at 8:21 am

    Hey! Do you use Twitter? I’d like to follow you if that would be
    ok. I’m definitely enjoying your blog and look forward to new updates.

     
  13. 50th anniversary gifts

    September 14, 2013 at 9:24 am

    Article writing is also a excitement, if you know afterward you can write or else it is
    difficult to write.

     
  14. Annmarie

    September 14, 2013 at 12:23 pm

    Hi! Do you know if they make any plugins to safeguard against
    hackers? I’m kinda paranoid about losing everything
    I’ve worked hard on. Any suggestions?

     
  15. sound system

    September 15, 2013 at 12:27 am

    Does your website have a contact page? I’m having a tough time locating it but,
    I’d like to send you an email. I’ve got some ideas for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it expand over time.

     
  16. escortinindia.Com

    September 15, 2013 at 8:10 pm

    Have you ever thought about adding a little bit more than just your articles?
    I mean, what you say is valuable and all. However think of if you added some great images or video clips
    to give your posts more, “pop”! Your content is excellent but
    with pics and video clips, this site could certainly be
    one of the greatest in its field. Excellent blog!

     
  17. http://redood.net

    September 15, 2013 at 10:41 pm

    Do you have a spam issue on this website; I also am a blogger, and I was wondering your situation;
    many of us have developed some nice methods and we are looking to exchange techniques with
    others, be sure to shoot me an email if interested.

     
  18. Georgina

    September 16, 2013 at 10:03 pm

    Hello just wanted to give you a quick heads up and let you know a few of the images aren’t loading properly.
    I’m not sure why but I think its a linking issue.
    I’ve tried it in two different browsers and both show the
    same results.

     
  19. http://andropk.com

    September 17, 2013 at 8:37 am

    When I initially commented I clicked the “Notify me when new comments are added”
    checkbox and now each time a comment is added I get four e-mails with the same comment.
    Is there any way you can remove people from that service?
    Thank you!

     
  20. http://genievebekario.wordpress.com/2013/03/22/best-valentines-day-gifts-for-her

    September 17, 2013 at 9:17 am

    This blog was… how do you say it? Relevant!! Finally I’ve
    found something that helped me. Thank you!

     

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: