richardscarrott / jquery-ui-carousel

jQuery RS Carousel is a responsive and touch-enabled carousel written on top of jQuery and the jQuery UI Widget Factory providing a full and familiar API in less than 2.6kB minified and gzipped.
http://richardscarrott.github.io/jquery-ui-carousel/
192 stars 56 forks source link

CSS instructions needed #11

Closed kikito closed 12 years ago

kikito commented 12 years ago

I could not figure out what css rules are needed for a basic carousel to work.

Could you add a carousel.css file with just the rules needed for the carousel to work properly?

richardscarrott commented 12 years ago

I've been meaning to sort out the CSS for some time so I'll pull it out into a separate file when I get the chance, but for now this might help as a basis:

/*
 *  NOTE: a basic CSS reset is required + items must have width & height
 */

.rs-carousel .rs-carousel-mask {
    overflow: hidden;
}

.rs-carousel .rs-carousel-runner {
    position: relative;
}

    .rs-carousel.rs-carousel-horizontal .rs-carousel-item {
         float: left;
    }
kikito commented 12 years ago

Thanks, man!