Simple-Rotating-Banner/demo.html at master · EnzoMartin/Simple-Rotating-Banner · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>Simple Rotating Banner</title>
		<link rel="stylesheet" type="text/css" href="jquery.simplebanner.css"/>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="jquery.simplebanner.js"></script>
		<style>
			body, html {font:100%;padding:0;margin:0;width:100%;height:100%;background:#666;}
			#siteWpr {width:960px;margin:0 auto;}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
				$('.simpleBanner').simplebanner();
			});
		</script>
	</head>
	<body>
		<div id="siteWpr">
			<div class="simpleBanner">
				<div class="bannerListWpr">
					<ul class="bannerList">
						<li><img src="samples/image1.jpg" /></li>
						<li><img src="samples/image2.jpg" /></li>
						<li><img src="samples/image3.jpg" /></li>
						<li><img src="samples/image4.jpg" /></li>
						<li><img src="samples/image5.jpg" /></li>
						<li><img src="samples/image6.jpg" /></li>
					</ul>
				</div>
				<div class="bannerControlsWpr bannerControlsPrev"><div class="bannerControls"></div></div>
				<div class="bannerIndicators"><ul></ul></div>
				<div class="bannerControlsWpr bannerControlsNext"><div class="bannerControls"></div></div>
			</div>
		</div>
	</body>
</html>