remove image slideshow in favour of new media player
|
Before Width: | Height: | Size: 28 KiB |
@@ -1,15 +0,0 @@
|
||||
Package: tooloop-image-slideshow
|
||||
Version: 1.0.0
|
||||
Maintainer: Tooloop Multimedia
|
||||
Homepage: https://www.tooloop.de
|
||||
Bugs: https://github.com/Tooloop/Tooloop-Packages
|
||||
Section: tooloop/presentation
|
||||
Architecture: all
|
||||
Depends: chromium-browser
|
||||
Name: Image slideshow
|
||||
Thumbnail: image-slideshow-thumbnail.jpg
|
||||
Description: A simple image slideshow
|
||||
A simple example app using the chromium browser and some javascript to display
|
||||
a fullscreen image slideshow.
|
||||
.
|
||||
The images are stored in the `/assets/data` folder.
|
||||
|
Before Width: | Height: | Size: 899 KiB |
|
Before Width: | Height: | Size: 281 KiB |
|
Before Width: | Height: | Size: 535 KiB |
|
Before Width: | Height: | Size: 140 KiB |
|
Before Width: | Height: | Size: 466 KiB |
|
Before Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 212 KiB |
|
Before Width: | Height: | Size: 323 KiB |
|
Before Width: | Height: | Size: 451 KiB |
|
Before Width: | Height: | Size: 132 KiB |
|
Before Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 592 KiB |
@@ -1,83 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Slideshow</title>
|
||||
<style media="screen">
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: black;
|
||||
}
|
||||
|
||||
.slide {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
opacity: 0;
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
.active {
|
||||
opacity: 1;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.next {
|
||||
z-index: 3;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="slideshow">
|
||||
<div class="slide active" style="background-image: url(/media/assets/data/image1.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image2.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image3.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image4.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image5.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image6.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image7.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image8.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image9.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image10.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image11.jpg)"></div>
|
||||
<div class="slide" style="background-image: url(/media/assets/data/image12.jpg)"></div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var active, next;
|
||||
|
||||
function nextImage() {
|
||||
active = document.querySelector("#slideshow .slide.active");
|
||||
active.classList.remove("active");
|
||||
|
||||
active = getNextSlide(active);
|
||||
active.classList.add("active");
|
||||
active.classList.remove("next");
|
||||
|
||||
next = getNextSlide(active)
|
||||
next.classList.add("next")
|
||||
}
|
||||
|
||||
function getNextSlide(slide) {
|
||||
return slide.nextElementSibling ? slide.nextElementSibling : document.querySelectorAll("#slideshow .slide")[0];
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
setInterval("nextImage()", 7000);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,11 +0,0 @@
|
||||
#!/bin/bash
|
||||
|
||||
COMMAND="chromium-browser --noerrdialogs --kiosk --incognito /media/assets/presentation/slideshow.html"
|
||||
|
||||
if [ $EUID == 0 ]; then
|
||||
su tooloop -c "$COMMAND" &
|
||||
else
|
||||
$COMMAND &
|
||||
fi
|
||||
|
||||
exit 0
|
||||
@@ -1,5 +0,0 @@
|
||||
#!/bin/bash
|
||||
|
||||
killall chrome
|
||||
|
||||
exit 0
|
||||