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
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="dss">
<img id="pss" src="https://dl.dropbox.com/s/je92yku6apnewxv/IMG-20200822-WA0008.jpg" alt ="first img">
</div>
<script>
var pss_i=0;
var pss_array =["https://dl.dropbox.com/s/h2kzsaolnejw2lu/FB_IMG_1606846715241.jpg",
"https://dl.dropbox.com/s/u13uje6lb7pht5b/FB_IMG_1600267420655.jpg",
"https://dl.dropbox.com/s/dmqf0dtc1atpgaf/300px-Catedral_de_Mar%C3%ADa_Reina_del_Mundo%2C_Montreal%2C_Canad%C3%A1%2C_2017-08-12%2C_DD_61-63_HDR.jpg",
"https://dl.dropbox.com/s/a437ogrz3zbseyh/photo-1488928741225-2aaf732c96cc.jpeg",
"https://dl.dropbox.com/s/5kjtt0y9wryxgp6/IMG-20191126-WA0009.jpg",
"https://dl.dropbox.com/s/u6ylny9atwo7d9g/IMG_20200216_213047.jpg",
"https://dl.dropbox.com/s/wr7trtrgowic3l9/FB_IMG_1607089848014.jpg",
"https://dl.dropbox.com/s/evz39ul4jgraunf/d1b3b8dd583a775350d558cec5bd55f9.jpg",
"https://dl.dropbox.com/s/rli0ukbkzhzl0qa/FB_IMG_1607024168193.jpg",
"https://dl.dropbox.com/s/k8yoo2l7ykvkz5z/FB_IMG_1607024905451.jpg",
"https://dl.dropbox.com/s/x69rdmhau2d1cah/IMG_20200216_213001.jpg",
"https://dl.dropbox.com/s/nstqm4f6fjjpr7d/FB_IMG_1606936854219.jpg"];
var pss_elem= document.getElementById("pss");
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
#dss{width:95%;
height:90vh;
margin:5px auto;
background:#767686;
border:2px solid #fef;
transition: all 1.0s linear 0s;
}
#dss img{
width:100%;
height:auto;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run