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)