Random Backgrond Image

- Randomly picks from list of images - TODO: Incorporate File System so that user can easilt add new pictures
2026-08-24 03:24:13 -05:00 · 2018-03-23 20:17:56 -04:00
parent be32d010d8
commit 4ed1d81086
37 changed files with 20 additions and 11 deletions
@@ -8,6 +8,11 @@

 <html>

+    <div id = "background">
+        <script src = "jquery-3.1.1.js"></script>
+        <script src = "background.js"></script>
+    </div>
+
    <head>
        <Title>Homepage</Title>
        <link href = "styleHomepage.css" type = "text/css" rel = "stylesheet">
@@ -1,13 +1,19 @@
-function background() 
+function main()
 {
-    var img = $(".boxes > img").each(function() { // for each img found
-    var src = $(this).attr("src"); // get the src
-    var path = src.substring(0,src.lastIndexOf('/')); // get the path from the src 
-    var fileName = src.substring(src.lastIndexOf('/')); // and filename
-    var newSrc = path + "/large" + fileName; // re-assemble    
+	//var fs = require('fs');
+	//var fileList = fs.readdirSync('/Background/');

-    $(this).attr("src",newSrc);
-  });
+	var fileList = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.png', '9.jpg',
+					'10.jpg', '11.jpg', '12.jpg', '13.png', '14.jpg', '15.jpg', '16.jpg', '17.jpg',
+					'18.jpg', '19.jpg', '20.jpg', '21.jpg', '22.jpg', '23.png', '24.jpg', '25.jpg',
+					'26.jpg', '27.jpg', '28.jpg', '29.jpg', '30.jpg', '31.jpg', '32.jpg', '33.jpg',
+					'34.jpg'];
+
+	var len = fileList.length;
+	var index = Math.floor(Math.random() * len);
+	var filePath = 'Background/' + fileList[index];
+
+	document.body.style.backgroundImage = 'url("'+filePath+'")';
 }

-$(document).ready(background);
+$(document).ready(main);
@@ -9,9 +9,7 @@

 html
 {
-    background-image: url('Pictures/Qb8b9UC.jpg');
    background-size: cover;
-    /* background-color: #2d333d; */
 }

 #clock