8000 GitHub - sledjs/sled: slide smooth like sled upon 45 degress hill
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

sledjs/sled

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sled

Slide smooth like sled upon 45 degress hill.

modules

all modules are available in npm

$ npm i @sled/$module_name
sled contains three base modules
additional

installation

cdn

<link rel='stylesheet' href='https://unpkg.com/sled/lib/sled.css'>
<script src='https://unpkg.com/sled/lib/sled.js'></script>
<script>
let slider = new Sled($slider);

/* write here */
</script>

npm

$ npm i sled
const Sled = require('sled');

let slider = new Sled($slider);

tested with webpack

usage

<div class='sled'>
  <div class='slides'>

    <img class='slide' src='...'>
    <img class='slide' src='...'>
    <div class='slide'>
      <img src='...'>
    </div>
    <div class='slide'>
      <span> content </span>
      <img src='...'>
    </div>

  </div>
</div>
<script>
  let $slider = document.querySelector('.sled');

  let slider = new Sled($slider);
</script>
slides
let slides = slider.module('slides'); // slider.modules.slides

slides.next();
slides.prev();
slides.next();
slides.next();

slides.changeTo(2); // slide to second slide

// Also you're can change slides with arrow Keys.

About

slide smooth like sled upon 45 degress hill

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •  
0