forked from HeyAnirudh/Nasa
-
Notifications
You must be signed in to change notification settings - Fork 0
/
javascript.js
115 lines (112 loc) · 5.35 KB
/
javascript.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
function myMove1() {
var elem = document.getElementById("myAnimation");
elem.style.backgroundSize = '400px';
elem.style.backgroundImage = 'url("https://www.uokpl.rs/fpng/f/430-4305418_international-space-station.png")';
var pos = 350;
var id = setInterval(frame, 10);
function frame() {
document.getElementById("myContainer").style.backgroundImage = "";
if (pos == 150) {
clearInterval(id);
elem.style.backgroundImage = "";
document.getElementById("myContainer").style.backgroundImage = 'url("iss.png")';
document.getElementById("myContainer").style.backgroundSize = '600px';
} else {
pos--;
elem.style.top = pos + 'px';
elem.style.left = pos + 'px';
}
}
}
var myVar;
function myFunction() {
myVar = setTimeout(showPage, 2000);
}
function showPage() {
document.getElementById("loader").style.display = "none";
document.getElementById("myDiv").style.display = "block";
}
/*function disp1(){
document.getElementById("text7").style.visibility = "hidden";
document.getElementById("text6").style.visibility = "hidden";
document.getElementById("text5").style.visibility = "hidden";
document.getElementById("text4").style.visibility = "hidden";
document.getElementById("text3").style.visibility = "hidden";
document.getElementById("text2").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("coast.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text1").style.visibility = "visible";
console.log("hi");
}
function disp2(){
document.getElementById("text7").style.visibility = "hidden";
document.getElementById("text6").style.visibility = "hidden";
document.getElementById("text5").style.visibility = "hidden";
document.getElementById("text4").style.visibility = "hidden";
document.getElementById("text3").style.visibility = "hidden";
document.getElementById("text1").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("climate.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text2").style.visibility = "visible";
console.log("hi");
}
function disp3(){
document.getElementById("text7").style.visibility = "hidden";
document.getElementById("text6").style.visibility = "hidden";
document.getElementById("text5").style.visibility = "hidden";
document.getElementById("text4").style.visibility = "hidden";
document.getElementById("text2").style.visibility = "hidden";
document.getElementById("text1").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("flood.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text3").style.visibility = "visible";
console.log("hi");
}
function disp4(){
document.getElementById("text7").style.visibility = "hidden";
document.getElementById("text6").style.visibility = "hidden";
document.getElementById("text5").style.visibility = "hidden";
document.getElementById("text3").style.visibility = "hidden";
document.getElementById("text2").style.visibility = "hidden";
document.getElementById("text1").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("venice.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text4").style.visibility = "visible";
console.log("hi");
}
function disp5(){
document.getElementById("text7").style.visibility = "hidden";
document.getElementById("text6").style.visibility = "hidden";
document.getElementById("text4").style.visibility = "hidden";
document.getElementById("text3").style.visibility = "hidden";
document.getElementById("text2").style.visibility = "hidden";
document.getElementById("text1").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("dakota.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text5").style.visibility = "visible";
console.log("hi");
}
function disp6(){
document.getElementById("text7").style.visibility = "hidden";
document.getElementById("text5").style.visibility = "hidden";
document.getElementById("text4").style.visibility = "hidden";
document.getElementById("text3").style.visibility = "hidden";
document.getElementById("text2").style.visibility = "hidden";
document.getElementById("text1").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("dakota.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text6").style.visibility = "visible";
console.log("hi");
}
function disp7(){
document.getElementById("text6").style.visibility = "hidden";
document.getElementById("text5").style.visibility = "hidden";
document.getElementById("text4").style.visibility = "hidden";
document.getElementById("text3").style.visibility = "hidden";
document.getElementById("text2").style.visibility = "hidden";
document.getElementById("text1").style.visibility = "hidden";
document.getElementById("sci-image").style.backgroundImage = 'url("sea.jpg")';
document.getElementById("sci-image").style.backgroundSize = '500px';
document.getElementById("text7").style.visibility = "visible";
console.log("hi");
}*/