# carousel

**Repository Path**: mirrors_cofyc/carousel

## Basic Information

- **Project Name**: carousel
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Carousel

  A carousel plugin for jQuery. 

## Development

  $ sudo npm install -g coffee-script
  $ sudo npm install -g uglify-js

## Example

### add JavaScript

```html
<script src="vendor/jquery.1.10.1.min.js"></script>
<script src="carousel.js"></script>
```

### basic HTML

```html
<div class="js-carousel-box">
  <ul class="js-carousel-inner">
    <li class="item active">...</li>
    <li class="item">...</li>
    <li class="item">...</li>
    <li class="item">...</li>
  </ul>
</div>
```

### add CSS

```css
.js-carousel-box { 
  position: relative;
  overflow: hidden;
  /* adjust these to your needs */
  width: 740px;
  height: 260px;
}
.js-carousel-inner {
  position: absolute;
}
.js-carousel-inner .item {
  display: none;
  position: absolute;
}
.js-carousel-inner .active {
  display: block;
}
```

### setup Carousel

```html
<script>
  $('.js-carousel-box').carousel(/*options*/);
</script>
```