Skip to content

Latest commit

 

History

History
44 lines (33 loc) · 848 Bytes

README.md

File metadata and controls

44 lines (33 loc) · 848 Bytes

pure-slider

About

Pure slider written in native web technologies without external libraries.

Assumptions

  • Elements can not change its size.
  • Container (contains elements) is scalable to parent container.
  • Slider contains two arrows for move view in left and right.
  • Slider has pagination for elements.
  • After use (click in navigation element) the slider view is set to suitable position.
  • After click in any arrow, the slider view is moving by total available view in appropriate direction to next element.

Usage

HTML

<script src="lib/pure-slider.js"></script>

<div class="pure-slider">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>
</div>

JS

pureSlider.apply('.pure-slider');