changelime/octslider

A simple image slider library

OctSlider.js

A simple image slider library

Demo

---

安装

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