Grow your CSS skills. Land your dream job.

Where can I find a Full width [Responsive] JQuery Slideshow Plugin?

  • # February 15, 2013 at 3:32 am

    Here is an [EXAMPLE](http://stonewebapps.com/ “http://stonewebapps.com/”).

    The above example stretches the image but is not responsive. Also, the image only changes when a new pages is loaded.

    I would like for the slideshow to have the same features and transition like [this slideshow](http://responsive-slides.viljamis.com/ “http://responsive-slides.viljamis.com/”).

    # February 15, 2013 at 3:36 am

    @Keilowe If you take a look at the documentation on Github, you can set the max-width.

    https://github.com/viljamis/ResponsiveSlides.js/blob/master/demo/demo.html

    # February 15, 2013 at 3:40 am

    @chrisburton Appreciate the tip! However, I can not locate the documentation. Does the link you posted direct me straight to the page you’re referring to?

    # February 15, 2013 at 3:41 am

    @chrisburton I found it! Lol Thank you for pointing this out to me!

    # February 15, 2013 at 3:42 am

    @Keilowe If you take a look at the markup I’m referring to, you will see this:

    // Slideshow 1
    $(“#slider1″).responsiveSlides({
    maxwidth: 800,
    speed: 800
    });

    # February 15, 2013 at 3:47 am

    @chrisburton Yes I found that, tried to change it to 100%. But the image shrunk instead of stretching out…

    # February 15, 2013 at 3:56 am

    @Keilowe I’m not that knowledgeable when it comes to jQuery. Edit your first post and remove [Solved]. Someone might be able to help with that small issue.

    # February 15, 2013 at 5:29 am

    @Keilowe Try

    maxwidth: ’100%’,

    # February 15, 2013 at 7:16 am

    @chrisburton I mentioned earlier that I’ve tried to use 100% , but no luck :( The images shrink instead of stretching full width…

    # February 15, 2013 at 7:20 am

    @Keilowe but did you put the ticks in?

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".