Like we said before, developers on our team really like to experiment with responsive websites. Here is one of our latest works.

A lot of times we use FlexSider and Kwicks – for our projects. These are very simple tools and reliable plugins for responsive projects.

What we did was combine these 2 plugins. Kwicks accordion for high resolution screens and FlexSlider for screens with smaller dimensions.

We hope that this solution finds you well for your future websites. Good luck!

responsive web design jquery plugin

UPDATE: Internet Explorer 9 bug fixed. We’ve added a five slide version, check it out here

Comments (48)

  • Beben Koben

    July 16, 2012 at 1:00 pm / Reply

    it’s a cool feature master
    thanks ☻

    • admin

      July 16, 2012 at 9:12 pm / Reply

      Thanks for a good feedback!

  • Dirk

    July 24, 2012 at 6:25 am / Reply

    Very nice slider, but it dosen’t work in IE9…

    • admin

      July 24, 2012 at 6:29 am / Reply

      Thanks for your feedback. We’ll fix it shortly

      • Dirk

        July 26, 2012 at 3:43 pm / Reply

        Do you found a solution for the problem in IE9?

        • admin

          July 26, 2012 at 10:06 pm / Reply

          We will post the corrected version this weekend. Thank you for your patience.

          • Vanessa

            August 21, 2012 at 10:20 pm /

            I downloaded this slider today (22 August) but I can’t get it to work in IE (I have IE9). Even the Index doc from the demo simply throws all the pictures on the left hand side of the screen .
            What to do?! It works in all the other browsers. I really wish IE would come to the party – whenever I design a site this is the only darn browser I have problems with when it comes to responsive apps.

            Please help. Thanx

        • admin

          July 29, 2012 at 10:52 pm / Reply

          Dirk, please check it out now

          • dirk

            July 30, 2012 at 7:37 am /

            thank you very much. now, it’s perfect…

          • Vanessa

            September 18, 2012 at 10:01 am /

            A big thank you from me too!

  • Ramon

    August 22, 2012 at 10:06 am / Reply

    With

    @media handheld, only screen and (max-width: 320px) {
    .flex-caption p {
    display: none;
    }
    }

    it looks a little bit better for me.

    Tanks for the great script!

  • Gunnar

    September 18, 2012 at 7:09 am / Reply

    Very very cool! Unfortunately I just couldn’t seem to get it to work well for my specific use. I’ve been trying to integrate it into a wordpress theme at 100% width with 5 slides, and it just goes bonkers.

    • admin

      October 3, 2012 at 8:22 pm / Reply

      Unfortunately kwiks slider we’ve used to this plugin doesn’t support changing amount of slides just by adding them. You need to change some styles to do that.
      If you want to can send you styles for 5 slides, to make it easy for you, and highlight important rows of code.

      • Gunnar

        October 20, 2012 at 3:32 am / Reply

        That’d be fantastic!

      • Reg

        November 21, 2012 at 3:44 pm / Reply

        This looks awesome. May I also have the code modifications for using 5 slides?

        • admin

          November 30, 2012 at 12:35 pm / Reply

          Thanks, on Monday we’ll publish a version for 5 slides :)

  • david

    September 21, 2012 at 6:27 pm / Reply

    esta genial

    • admin

      September 25, 2012 at 5:45 am / Reply

      Great thanks!

  • Pravin

    October 31, 2012 at 1:21 pm / Reply

    Very nice slider, but it dosen’t work in IE9…

  • James

    November 6, 2012 at 7:28 pm / Reply

    Hoh can we fix the IE9 problem? Thanks

    • admin

      November 6, 2012 at 7:48 pm / Reply

      Hi James, we are currently working on this problem. We’ll inform you as soon as we fix this bug. Thanks for the question.

      • Tomaz

        November 30, 2012 at 12:54 am / Reply

        Hello admin, I would also like to ask if IE9 fix has already been posted for this beautiful slider? It’s the only limitation for me currently so I can implement it into my new template…

        Thank you very much in advance for your help!

        • admin

          November 30, 2012 at 12:36 pm / Reply

          Sorry for the Delay, we’ll fixed it on Monday. Stay tuned!

  • Tomaz

    December 4, 2012 at 10:17 am / Reply

    Huh, thanks a lot, that’s really a pleasant surprise. Btw, did you need to fix only .css files or .js also? Is maybe old version still available for download somewhere so I could compare them?

    I’m learning web-development, so I try to collect those browser-dependent scripts together to use the code in future projects.

    Thanks again, have a nice day…

    • admin

      December 4, 2012 at 9:39 pm / Reply

      Tomaz, we’ve chandged CSS file only :)

  • vikas

    December 7, 2012 at 6:07 am / Reply

    Hey,

    How can i link slider images???

  • marco

    January 10, 2013 at 7:14 pm / Reply

    Hello developer, i have tested your flexslider. it’s a good work but i have checked that the linked image don’t work.
    can you do something?

    • marco

      January 10, 2013 at 7:15 pm / Reply

      when i clck on the image, it desn’t open the link…

    • admin

      January 28, 2013 at 11:08 pm / Reply

      Just add ancor tag right after list item with proper href attribute.

  • jisha

    January 25, 2013 at 7:32 am / Reply

    it works for 5 slides..but when i add 5 more, it works but layout changed..kindly reply with solution

    • admin

      January 28, 2013 at 11:07 pm / Reply

      It will work only for 5 of 4 slides. If you want to add more you’ll need to make some changes in script and css files.

  • Vaibhav Kanwal

    February 8, 2013 at 1:07 pm / Reply

    Hey

    This is great and works really well. Thank you!

    I wanted to know if there’s a way to select an active Slider on page load? I tried adding the active class but it doesn’t seem to work for me.

    Thanks
    Vaibhav

    • admin

      February 18, 2013 at 8:35 pm / Reply

      Sorry, but current version of the plugin doesn’t have an active state element

  • Lolly

    March 25, 2013 at 4:07 pm / Reply

    Hi, I really love the 5 slider version, but I have blank spots in the middle of my slider when I slide the photos to the left and at the left end of the slider. Can I adjust the overall viewing area or do I need to have a certain width of photo? Some of my photos also vary in width by about 30 pixels.

  • tsteinh

    March 25, 2013 at 6:48 pm / Reply

    Wonderful plugin, but I need 6 slides. I have it working for 5 using css you provided. I can see where to change css to support 6 (this was well documented in the css), but what else needs to change? I am getting white section between the 5th and 6th slide. Any assistance would be most appreciated!

  • tsteinh

    March 25, 2013 at 6:59 pm / Reply

    OK, my bad! It is only a css modification. Just need to make sure the css width value adds up to 100% when you add up each panel’s width percentage. Sorry for the false alarm! I was using 12% instead of 16.66% for 6 panels. Working now.

    • admin

      March 26, 2013 at 10:21 am / Reply

      Great :)

  • Emma

    April 25, 2013 at 4:57 pm / Reply

    It doesn’t work on IE for me, help?

Leave a Reply