html
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
<html>
<head>
<link rel="stylesheet" href="style.css">
<title> slider
l</title>
</head>
<body>
<div id="container">
<img src=" http://travel.home.sndimg.com/content/dam/images/travel/fullset/2015/10/12/new-seven-wonders-taj-mahal.jpg.rend.hgtvcom.616.462.suffix/1491581548979.jpeg "/>
<img src=" http://www.thewowimages.com/wowimages/seven_wonders_3.jpg "/>
<button class="btn1">❮</button>
<button class="btn2">❯</button>
</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
body {
}
#container{
border: 1px solid black;
width:80%;
height:450px;
margin-left:10%;
margin:0 auto;
position: relative;
}
#container>img{
width:100%;
height:100%;
position:absolute;
}
#container>.btn1{
position:absolute;
background:purple;
color:white;
border-radius:50%;
top:200px;
height:40px;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run