bckelley/Web-Browser-Homepage
1
0
Fork 0
mirror of https://github.com/bckelley/Web-Browser-Homepage.git synced 2026-08-24 03:24:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

added changeImage button

Browse Source
This commit is contained in:
Kyle Capehart
2018-05-13 22:52:00 -04:00
parent 962ea35ccd
commit 9e7e5e1291
8 changed files with 24 additions and 10252 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Background/17.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 123 KiB

Background/20.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 34 KiB

Background/3.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 86 KiB

Homepage.html
+9 -11
View File
@@ -4,22 +4,18 @@
<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">
<link href = "https://fonts.googleapis.com/css?family=Roboto:400,700" rel = "stylesheet">
<link href = "https://fonts.googleapis.com/css?family=Roboto:400,700" rel = "stylesheet">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src = "background.js"></script>
<script src = "clock.js"></script>
</head>
<div id = "clock">
<script src = "jquery-3.1.1.js"></script>
<script src = "clock.js"></script>
</div>
<div id = "clock"></div>
<div class = "boxContainer">
<div id = "twitch" class = "boxes">
<a href = "https://www.twitch.tv/directory">
@@ -50,6 +46,8 @@
<img src = "Pictures\amazon.png" width = "100" height = "100" alt = "Amazon"/>
</a>
</div>
<button onclick = "changeImage()" type = "button">Change Image</button>
</div>
</html>
alert.js
-6
View File
@@ -1,6 +0,0 @@
function main()
{
alert("My First Jquery Test");
}
$(document).ready(main);
background.js
+5 -8
View File
@@ -1,11 +1,8 @@
function main()
function changeImage()
{
//var fs = require('fs');
//var fileList = fs.readdirSync('/Background/');
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',
var fileList = ['1.jpg', '2.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',
'18.jpg', '19.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', '34.jpg'];
var len = fileList.length;
@@ -15,4 +12,4 @@ function main()
document.body.style.backgroundImage = 'url("'+filePath+'")';
}
$(document).ready(main);
$(document).ready(changeImage);
jquery-3.1.1.js
Vendored
-10220
View File
File diff suppressed because it is too large Load Diff
styleHomepage.css
+10 -7
View File
@@ -2,8 +2,6 @@
* {
font-family: Roboto, "Arial Black", sans-serif;
line-height: 125%;
box-sizing: border-box;
}
body {
@@ -12,10 +10,6 @@ body {
background-color: black;
}
body background-image {
height: 100%;
width: 100%;
}
#clock {
font-size: 500%;
@@ -28,10 +22,19 @@ body background-image {
}
.boxContainer {
position: absolute;
margin: auto;
width: 100%;
height: 500px;
width: 100px;
top: 20%;
}
.boxes {
display: block;
}
button {
background-color: black;
color: white;
border-color: grey;
}