singhofen
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/code1.jpeg
23.1 KB b/‎Small JavaScript Projects/JS slider-vanilla js/code1.jpeg
23.1 KB
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/code2.jpeg
26.3 KB b/‎Small JavaScript Projects/JS slider-vanilla js/code2.jpeg
26.3 KB
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/code3.jpeg
21.8 KB b/‎Small JavaScript Projects/JS slider-vanilla js/code3.jpeg
21.8 KB
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/code4.jpeg
28.9 KB b/‎Small JavaScript Projects/JS slider-vanilla js/code4.jpeg
28.9 KB
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/code5.jpeg
166 KB b/‎Small JavaScript Projects/JS slider-vanilla js/code5.jpeg
166 KB
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/code6.jpg
12 KB b/‎Small JavaScript Projects/JS slider-vanilla js/code6.jpg
12 KB
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/index.html
+53 b/‎Small JavaScript Projects/JS slider-vanilla js/index.html
+53
diff --git a/‎Small JavaScript Projects/JS slider-vanilla js/styles.css
+12 b/‎Small JavaScript Projects/JS slider-vanilla js/styles.css
+12
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+	<link rel="stylesheet" href="styles.css">
+	<title>JS Image Slider</title>
+</head>
+<body>
+	<h1>JS Image Slider</h1>
+	<div class"center">
+		<img name="slide" width="400" height="200">
+	</div>
+
+	
+	<script>
+		var i = 0; // Start point
+		var images = [];
+		var time = 1000;
+	
+		// Image List
+		images[0] = 'code1.jpeg';
+		images[1] = 'code2.jpeg';
+		images[2] = 'code3.jpeg';
+		images[3] = 'code4.jpeg';
+		images[4] = 'code5.jpeg';
+		images[5] = 'code6.jpg';
+	
+		// Change Image
+		function changeImg(){
+			document.slide.src = images[i];
+	
+			if(i < images.length - 1){
+				i++;
+			} else {
+				i = 0;
+			}
+	
+			setTimeout("changeImg()", time);
+		}
+	
+		window.onload = changeImg;
+	
+	</script>
+	
+	
+</body>
+</html>
+
+
+
+
@@ -0,0 +1,12 @@
+div{
+   text-align: center;
+   margin-top: 250px;
+}
+
+h1{
+   text-align: center;
+}
+
+*{
+   background-color: rgb(46, 46, 133);
+}