0.2.6 • Published 7 years ago
carousel-mts v0.2.6
New Carousel responsive without Jquery very simple
Carousel-Mts
v.0.2.5
Characteristics:
- Responsive
- Accept any number of items
- Css Customizable
- Easy to apply
- Without Jquery
Tested on IE10, Chrome, Safari, Firefox, Opera, iPhone, iPad, (Any browser that accepts flexbox).
1.How to start
install
npm install carousel-mts --save
Add this files in to html.
<!-- basic styles -->
<link rel="stylesheet" href="carousel.css">
<!-- add javascript file-->
<script src="carousel.js"></script>
2.Set your HTML
Sample structure to use in the html.
<div class="contenedor"> <!-- optional -->
<ul id="carousel-mts" class="carousel-mts">
<li> <figure> YOUR IMAGE </figure> </li>
<li> <figure> YOUR IMAGE </figure> </li>
<li> <figure> YOUR IMAGE </figure> </li>
<li> <figure> YOUR IMAGE </figure> </li>
<li> <figure> YOUR IMAGE </figure> </li>
<li> <figure> YOUR IMAGE </figure> </li>
<li> <figure> YOUR IMAGE </figure> </li>
...
</ul>
</div>
3.Ready to use
That's all.
License
The MIT License (MIT)