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

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

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

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

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

• Tag
• Animations
• jQuery
• Slider