【jQuery】軽量でシンプルなフリースライド。Slide.js

Slide.jsは軽量でシンプルなフリースライド。

JS&CSS

<link rel="stylesheet" href="./slide.css">
<script src="./slide.js"></script>

HTML

<div id="slide"></div>

slidejs

new Slide('#slide', {
imgs: [
'./dist/imgs/1.gif',
'./dist/imgs/2.gif',
'./dist/imgs/3.gif',
]
})

Default

new Slide('#slide', {
imgs: [],            // pictures you need to slide
width: 600,          // the slide's width
height: 400,         // the slide's height
autoswitch: {
open: false,     // switch the slide automatically
delay: 5000      // delay time
},
animation: 'slideUp' // animation while you slide, we have: slideUp, slideLeft, fade
})

MITライセンス

 
slide

【jQuery】軽量でシンプルなフリースライド。Slide.js

  • LATEST
  • RELATED
  • POPULAR