CODEWITHSUNDEEP
javascriptjqueryhtmlcssslideshow
user3145782
user3145782

Reputation: 57

For some reason my unslider doesn't scale with the screen.. fiddle included

I am using unslider to make a slide show that is 100% wide for a site. It works perfect on load but for some reason when I resize the screen the slides stay the same size they were on load. Here is the mark up http://jsfiddle.net/MLh9k/ I used 

width:100%;

on the slides but that didn't work. Honestly I am new to slide shows but am great with html and css and a tiny bit of javascript implementation. If there is any other simpler way to create a slide show that is 100% wide, each slide can have buttons and text as well as a centered responsive background image please include some fiddles. I appreciate all of your help.

Thanks alot!

Upvotes: 0

Views: 658

Answers (1)

Chad
Chad

Reputation: 5428

Try adding an option from the slider called fluid: true. It will look something like this:

$(function() {
    $('.banner').unslider({
        fluid: true
    });
});

Check it out: http://jsfiddle.net/MLh9k/1/

Upvotes: 3

Related Questions