0.2.6 • Published 7 years ago

carousel-mts v0.2.6

Weekly downloads
4
License
MIT
Repository
github
Last release
7 years ago

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)