Untitled

way one: (works)
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>SlidesJS Standard Code Example</title>
		<link rel="stylesheet" href="./********/css/index.css">
		<script src="./********/js/jquery-1.10.2.min.js"></script>
		<script src="./********/js/jquery.slides.min.js"></script>
		<script src="./********/js/index.js"></script>
	</head>
	<body>
		<div class="container">
			<div id="slides">
				<div>1</div>
				<div>2</div>
				<div>3</div>
				<div>4</div>
				<img src="********/img/1.jpg" alt="" />
				<img src="********/img/2.jpg" alt="" />
				<img src="********/img/3.jpg" alt="" />
				<img src="********/img/4.jpg" alt="" />
				<img src="********/img/5.jpg" alt="" />
			</div>
		</div>
	</body>

js:

$(function() {
	$('#slides').slidesjs({
		width: 1000,
		height: 480,
		start: 1,
		play: {
			active: true,
			// [boolean] Generate the play and stop buttons.
			// You cannot use your own buttons. Sorry.
			effect: "fade",
			// [string] Can be either "slide" or "fade".
			interval: 4000,
			// [number] Time spent on each slide in milliseconds.
			auto: true,
			// [boolean] Start playing the slideshow on load.
			swap: true,
			// [boolean] show/hide stop and play buttons
			pauseOnHover: true,
			// [boolean] pause a playing slideshow on hover
			restartDelay: 4000,
			// [number] restart delay on inactive slideshow
		}
	});
});