57 lines
1.3 KiB
HTML
57 lines
1.3 KiB
HTML
<script>
|
|
let i = 0;
|
|
document.getElementById("slide0").style.display = "block";
|
|
function next() {
|
|
if (i < countOfSlides - 1) {
|
|
i++;
|
|
}
|
|
document.getElementById("slide" + (i - 1)).style.display = "none";
|
|
document.getElementById("slide" + i).style.display = "block";
|
|
}
|
|
|
|
function prev() {
|
|
if (i > 0) {
|
|
i--;
|
|
}
|
|
document.getElementById("slide" + (i + 1)).style.display = "none";
|
|
document.getElementById("slide" + i).style.display = "block";
|
|
}
|
|
|
|
function fullscreen() {
|
|
var el = document.documentElement,
|
|
rfs = el.requestFullscreen;
|
|
if (typeof rfs != "undefined" && rfs) {
|
|
rfs.call(el);
|
|
}
|
|
}
|
|
|
|
document.onkeydown = function (e) {
|
|
switch (e.keyCode) {
|
|
case 37:
|
|
// left
|
|
prev();
|
|
break;
|
|
|
|
case 39:
|
|
// right
|
|
next();
|
|
break;
|
|
|
|
case 70:
|
|
// f(ullscreen)
|
|
fullscreen();
|
|
break;
|
|
}
|
|
};
|
|
|
|
</script>
|
|
<style>
|
|
body{
|
|
align-content: center;
|
|
height: 100%;
|
|
margin: 0px;
|
|
}
|
|
.slide {
|
|
display: none;
|
|
}
|
|
</style> |