-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
45 lines (42 loc) · 2.83 KB
/
test.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
var img = ['<img src="https://i.pinimg.com/736x/d7/60/fb/d760fbc1a6bf51234fd2fa5365f0ec81--messi-leo-lionel-messi.jpg" style="width:22.5vw;height:45vh;float:left;" />','<img src="http://realestatecoulisse.com/wp-content/uploads/2015/11/image1-300x300.jpg" style="width:22.5vw;height:45vh;float:left;" />','<img src="https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2013/12/17/11/reus.jpg" style="width:22.5vw;height:45vh;float:left;" />','<img src="http://jamaica-gleaner.com/sites/default/files/styles/jg_article_image/public/article_images/2014/07/08/neymarjuly3.jpg?itok=0RQKuokt" style="width:22.5vw;height:45vh;float:left;" />','<img src="https://d13csqd2kn0ewr.cloudfront.net/uploads/image/file/239510/cropped_2017-04-11T202715Z_134944035_MT1ACI14777062_RTRMADP_3_SOCCER-CHAMPIONS-JUV-FCB.jpg?ts=1491945314" style="width:22.5vw;height:45vh;float:left;" />'];
function slideRight() {
var temp=img[4];
img[4]=img[3];
img[3]=img[2];
img[2]=img[1];
img[1]=img[0];
img[0]=temp;
show();
}
function slideLeft() {
var temp=img[0];
img[0]=img[1];
img[1]=img[2];
img[2]=img[3];
img[3]=img[4];
img[4]=temp;
show();
}
function show(){
document.getElementById("face").innerHTML = img[0]+img[1]+img[2]+img[3]+img[4];
}
</script>
</head>
<body style="margin:0px;padding:0px;overflow:hidden;" onload="show()">
<div id="face" style="background-color:#007600;width:112.5vw;height:45vh;margin-top:30vh;position:relative;">
</div>
<button type="button" onclick="slideLeft()" style="width:3vw;height:6vh;background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT_e4BQ32ks3MeRxtpgSu_GAdtqToFmiPAMATUJ9f_UtkuMpdNI');background-size:contain;float:left;"></button>
<button type="button" onclick="slideRight()" style="width:3vw;height:6vh;background-image:url('https://n6-img-fp.akamaized.net/free-icon/right-arrows-in-square-button-outline_318-76347.jpg?size=338&ext=jpg');background-size:contain;float:right;"></button>
</body>
</html>
<!-- https://i.pinimg.com/736x/d7/60/fb/d760fbc1a6bf51234fd2fa5365f0ec81--messi-leo-lionel-messi.jpg
http://realestatecoulisse.com/wp-content/uploads/2015/11/image1-300x300.jpg
https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2013/12/17/11/reus.jpg
http://jamaica-gleaner.com/sites/default/files/styles/jg_article_image/public/article_images/2014/07/08/neymarjuly3.jpg?itok=0RQKuokt
https://d13csqd2kn0ewr.cloudfront.net/uploads/image/file/239510/cropped_2017-04-11T202715Z_134944035_MT1ACI14777062_RTRMADP_3_SOCCER-CHAMPIONS-JUV-FCB.jpg?ts=1491945314 -->