Skip to content

Commit abedbb9

Browse files
authored
Merge pull request #890 from OAAK125/infinite-slider
Adding a horizontal infinite slider of images
2 parents 98cc7f1 + 5ecbad6 commit abedbb9

File tree

13 files changed

+99
-0
lines changed

13 files changed

+99
-0
lines changed
1.09 MB
Loading
1.3 MB
Loading
713 KB
Loading
1.92 MB
Loading
3.66 MB
Loading
1.08 MB
Loading
1.12 MB
Loading
1.96 MB
Loading
523 KB
Loading
Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Infinite Slider of Images</title>
7+
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<section class="content">
12+
<div class="slider" reverse="true" style="
13+
--width: 200px;
14+
--height: 200px;
15+
--quantity: 9;
16+
">
17+
<div class="list">
18+
<div class="item" style="--position: 1"><img src="assets/img1.jpg" alt=""></div>
19+
<div class="item" style="--position: 2"><img src="assets/img2.jpg" alt=""></div>
20+
<div class="item" style="--position: 3"><img src="assets/img3.jpg" alt=""></div>
21+
<div class="item" style="--position: 4"><img src="assets/img4.jpg" alt=""></div>
22+
<div class="item" style="--position: 5"><img src="assets/img5.jpg" alt=""></div>
23+
<div class="item" style="--position: 6"><img src="assets/img6.jpg" alt=""></div>
24+
<div class="item" style="--position: 7"><img src="assets/img7.jpg" alt=""></div>
25+
<div class="item" style="--position: 8"><img src="assets/img8.jpg" alt=""></div>
26+
<div class="item" style="--position: 9"><img src="assets/img9.jpg" alt=""></div>
27+
</div>
28+
</div>
29+
</section>
30+
</body>
31+
</html>

0 commit comments

Comments
 (0)