-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (101 loc) · 6.36 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallary</title>
<link rel = "stylesheet" href="styles.css">
</head>
<body>
<div>
<h1><b>Images Of Cricketers</b></h1>
</div>
<div class="container" id="fullimgbox">
<img src="https://tse1.mm.bing.net/th?id=OIF.pgcqHVbqv6XnyB3UW1y74w&pid=Api&P=0&h=180" id="fullimg">
<span onclick="closefullimg()">x</span>
</div class="ffc">
<div class="fc">
<div class="gallary">
<img src="https://tse2.mm.bing.net/th?id=OIP.cBvZnZ3gfjRa-GmV3hQbhQHaEo&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://staticg.sportskeeda.com/editor/2018/06/5d17d-1528604392-800.jpg" onclick="openfullimg(this.src)">
<img src="https://i.brecorder.com/primary/2021/05/60a1ffb2eea3a.jpg" onclick="openfullimg(this.src)">
<img src="https://tse1.mm.bing.net/th?id=OIP.5e1GgbXE_MBcxBUTQpK06AHaEo&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://im.indiatimes.in/content/2020/Jun/Virat-Kohli_5ef30161e03a3.JPG?w=725&h=543" onclick="openfullimg(this.src)">
<img src="https://1.bp.blogspot.com/-KprKzi2RDvY/XqlyW6Ag-gI/AAAAAAAAYvE/2cXaUFonsh46W7OTo4ko_qvA596K9qgvwCEwYBhgL/s1600/richest%2Bcricketers%2Bin%2BIndia%2B6-min.jpg" onclick="openfullimg(this.src)">
<img src="https://tse2.mm.bing.net/th?id=OIP.FNrKginmMor_4BRF8UlcVAHaFj&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://www.pagalparrot.com/wp-content/uploads/2019/06/shahid-afridi_af9a7cae-656d-11e8-a998-12ee0acfa260.jpg" onclick="openfullimg(this.src)">
<img src="https://tse1.mm.bing.net/th?id=OIP.v7n3rtaWTZOar_rwrSR8KwHaEK&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://tse3.mm.bing.net/th?id=OIP.Go7zBmxxCw-UQ_5EtoLJZQAAAA&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://lh3.googleusercontent.com/-j2QTMFNPwZs/XyObqz3iVEI/AAAAAAAAAS4/FqLlFpstHaoUYqhm-BuvtKjrPYda01KCACLcBGAsYHQ/s1600/1596169117311205-1.png" onclick="openfullimg(this.src)">
<img src="https://tse1.mm.bing.net/th?id=OIP.Vt3CVMXyu40pc1XBbySOdgHaEo&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://tse2.mm.bing.net/th?id=OIP.cBvZnZ3gfjRa-GmV3hQbhQHaEo&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://staticg.sportskeeda.com/editor/2018/06/5d17d-1528604392-800.jpg" onclick="openfullimg(this.src)">
<img src="https://i.brecorder.com/primary/2021/05/60a1ffb2eea3a.jpg" onclick="openfullimg(this.src)">
<img src="https://tse1.mm.bing.net/th?id=OIP.5e1GgbXE_MBcxBUTQpK06AHaEo&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://im.indiatimes.in/content/2020/Jun/Virat-Kohli_5ef30161e03a3.JPG?w=725&h=543" onclick="openfullimg(this.src)">
<img src="https://1.bp.blogspot.com/-KprKzi2RDvY/XqlyW6Ag-gI/AAAAAAAAYvE/2cXaUFonsh46W7OTo4ko_qvA596K9qgvwCEwYBhgL/s1600/richest%2Bcricketers%2Bin%2BIndia%2B6-min.jpg" onclick="openfullimg(this.src)">
<img src="https://tse2.mm.bing.net/th?id=OIP.FNrKginmMor_4BRF8UlcVAHaFj&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://www.pagalparrot.com/wp-content/uploads/2019/06/shahid-afridi_af9a7cae-656d-11e8-a998-12ee0acfa260.jpg" onclick="openfullimg(this.src)">
<img src="https://tse1.mm.bing.net/th?id=OIP.v7n3rtaWTZOar_rwrSR8KwHaEK&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://tse3.mm.bing.net/th?id=OIP.Go7zBmxxCw-UQ_5EtoLJZQAAAA&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
<img src="https://lh3.googleusercontent.com/-j2QTMFNPwZs/XyObqz3iVEI/AAAAAAAAAS4/FqLlFpstHaoUYqhm-BuvtKjrPYda01KCACLcBGAsYHQ/s1600/1596169117311205-1.png" onclick="openfullimg(this.src)">
<img src="https://tse1.mm.bing.net/th?id=OIP.Vt3CVMXyu40pc1XBbySOdgHaEo&pid=Api&P=0&h=180" onclick="openfullimg(this.src)">
</div>
</div>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 6</div>
<img src="https://tse3.mm.bing.net/th?id=OIP.7QLobeKsrxuz9kKu7e1LlgHaE1&pid=Api&P=0&h=180" style="width:60%">
<div class="text">Caption Text</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 6</div>
<img src="https://tse1.mm.bing.net/th?id=OIP.5e1GgbXE_MBcxBUTQpK06AHaEo&pid=Api&P=0&h=180" style="width:60%">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 6</div>
<img src="https://im.indiatimes.in/content/2020/Jun/Virat-Kohli_5ef30161e03a3.JPG?w=725&h=543" style="width:60%">
<div class="text">Caption Three</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 6</div>
<img src="https://im.indiatimes.in/content/2020/Jun/Virat-Kohli_5ef30161e03a3.JPG?w=725&h=543" style="width:100%">
<div class="text">Caption Three</div>
</div><div class="mySlides fade">
<div class="numbertext">5 / 6</div>
<img src="https://im.indiatimes.in/content/2020/Jun/Virat-Kohli_5ef30161e03a3.JPG?w=725&h=543" style="width:100%">
<div class="text">Caption Three</div>
</div><div class="mySlides fade">
<div class="numbertext">6 / 6</div>
<img src="https://im.indiatimes.in/content/2020/Jun/Virat-Kohli_5ef30161e03a3.JPG?w=725&h=543" style="width:100%">
<div class="text">Caption Three</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<script src="script.js"></script>
<script>
var fullimgbox = document.getElementById("fullimgbox");
var fullimgb = document.getElementById("fullimg");
function openfullimg(pic)
{
fullimgbox.style.display = "flex";
fullimg.src = pic;
}
function closefullimg()
{
fullimgbox.style.display = "none";
}
</script>
</body>
</html>