diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000000000000000000000000000000000000..7a73a41bfdf76d6f793007240d80983a52f15f97
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,2 @@
+{
+}
\ No newline at end of file
diff --git a/functions.js b/functions.js
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..8730a51b7b30a084bd10a23b9a96fe61a5d8cd19 100644
--- a/functions.js
+++ b/functions.js
@@ -0,0 +1,31 @@
+let slideNumber = 0;
+
+const newsImageSources = ['img/nasa_news_1.jpg', 'img/nasa_news_2.jpg', 'img/nasa_news_3.jpg'];
+const newsTitles = ['Space Station', 'Earth', 'NASA Goddard'];
+const newsSubtitles = ['Expedition 48 Crew Lands Safely on Earth', 'NASA Announces Summer 2023 Hottest on Record', 'NASA\'s Webb Snaps Supersonic Outflow of Young Star'];
+
+window.onload = onload();
+
+function onload() {
+ console.log("Page loaded");
+
+ setInterval(slideImage, 30000);
+}
+
+function slideImage() {
+ slideNumber = (slideNumber + 1) % 3;
+
+ const slideImage = document.getElementById('slide-image');
+
+ const slideContainer = document.getElementById('slide-container');
+ const slideTitle = slideContainer.children[0];
+ const slideSubtitle = slideContainer.children[1];
+
+ let newsImageSource = newsImageSources[slideNumber];
+ let newsTitle = newsTitles[slideNumber];
+ let newsSubtitle = newsSubtitles[slideNumber];
+
+ slideImage.src = newsImageSource;
+ slideTitle.textContent = newsTitle;
+ slideSubtitle.textContent = newsSubtitle;
+}
\ No newline at end of file
diff --git a/img/astronaut_landing.jpg b/img/nasa_news_1.jpg
similarity index 100%
rename from img/astronaut_landing.jpg
rename to img/nasa_news_1.jpg
diff --git a/img/nasa_news_2.jpg b/img/nasa_news_2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5ac2761093365706b9b17ed8268b42d82f4f8a1b
Binary files /dev/null and b/img/nasa_news_2.jpg differ
diff --git a/img/nasa_news_3.jpg b/img/nasa_news_3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..da2350bd39f3336fc5fa9de1d8371c90bd2aec26
Binary files /dev/null and b/img/nasa_news_3.jpg differ
diff --git a/index.html b/index.html
index c442491c1ee7406332e2d0bad0969b5130e9b479..0d5d7552a4ddba391e982972be0a8e6611d2891e 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
- <body>
+ <body onload="">
<header>
<img class="nasa-img" src="img/nasa.png" />
@@ -50,10 +50,10 @@
<div class="article-content-container">
<a class="article-link" href="#"></a>
- <img class="article-image" src="img/astronaut_landing.jpg" />
+ <img id="slide-image" class="article-image" src="img/nasa_news_1.jpg" />
<div class="article-content">
- <div class="news-headline">
+ <div id="slide-container" class="news-headline">
<h3>Space Station</h3>
<h2>Expedition 48 Crew Lands Safely on Earth</h2>
</div>