diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4078b17
--- /dev/null
+++ b/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>sss-example</title>
+	<head>
+		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
+		<script src="sss/sss.min.js"></script>
+		<link rel="stylesheet" href="sss/sss.css" type="text/css" media="all">
+
+		<script>
+			jQuery(function($) {
+				$('.slider').sss();
+			});
+		</script>
+	</head>
+</head>
+<body>
+	<div class="slider">
+		<img src="http://placehold.it/920x50" />
+		<img src="http://placehold.it/920x100" />
+		<img src="http://placehold.it/920x150" />
+		<img src="http://placehold.it/920x200" />
+		<img src="http://placehold.it/920x250" />
+		<img src="http://placehold.it/920x300" />
+		<img src="http://placehold.it/920x350" />
+		<img src="http://placehold.it/920x400" />
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/sss/images/arr.png b/sss/images/arr.png
index a7bd550..f9bf917 100644
Binary files a/sss/images/arr.png and b/sss/images/arr.png differ
diff --git a/sss/sss.css b/sss/sss.css
index 3feb34e..cba9b58 100644
--- a/sss/sss.css
+++ b/sss/sss.css
@@ -1,30 +1,13 @@
 .sss {
-	height: 0;
-	margin: 0; 
-	padding: 0;
-	position: relative;
-	display: block;
-	overflow: hidden;
+
 }
 
 .ssslide {
-	width: 100%;
-	margin: 0;
-	padding: 0;
-	position: absolute;
-	top: 0;
-	left: 0;
-	display: none;
-	overflow: hidden;
+
 }
 
 .ssslide img {
-	max-width: 100%;
-	height: auto;
-	margin: 0;
-	padding: 0;
-	position: relative;
-	display: block;
+
 }
 
 .sssnext, .sssprev {
@@ -37,13 +20,11 @@
 }
 
 .sssprev {
-	left: 3%;
-	background-position: 0 50%;
+
 }
 
 .sssnext {
-	right: 3%;
-	background-position: -26px 50%;
+
 }
 
 .sssprev:hover, .sssnext:hover {
