A simple image slider library
jspm install github:changelime/octSlider
<style type="text/css">
#octSlider
{
width: 800px;
height: 400px;
font-size: 2rem;
}
</style>
<div id="octSlider"></div>
import octSlider from "changelime/octSlider";
import "changelime/octSlider/dist/css/octSlider.css!";
var data = [
{
title : "title_1",
link : "/link_1",
img : "/image_1.png"
},
{
title : "title_2",
link : "/link_2",
img : "/image_2.png"
},
{
title : "title_3",
link : "/link_3",
img : "/image_3.png"
},
{
title : "title_4",
link : "/link_4",
img : "/image_4.png"
},
{
title : "title_5",
link : "/link_5",
img : "/image_5.png"
}
];
octSlider(document.querySelector("#octSlider"), data, {
autoRun: true,
reverse: true,
time: 4000
});
git clone https://github.com/changelime/octSlider.git
cd octSlider
npm install -g jspm #if not installed
npm install -g gulp #if not installed
npm install --only=dev && jspm install
npm run built
MIT