jQuery

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

August 11, 2016
slide

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ライセンス
デモ・ダウンロードページ