Slideshow - nächstes bilder bei "klick" neu laden
Hallo Zusammen,
ich hoffe Ihr könnt mir helfen. Vorweg: Ich kenne mich nicht groß in javascript aus.
Ich fange mit mit einem shell-Skript alle 2 min ein Bild von meiner IP-Kamera ab. Ingesamt werden 10 Bilder auf dem Sever gespeichert und das "älteste" immer mit dem neuen überschrieben.
snap1.jpg
snap2.jpg
...
snap10.jpg
Ich habe die Sliedeshow von W3schools Slideshow bereits in meiner Webseite integriert und die Bilder werden auch angezeigt, jedoch nicht wenn eines der Bilder mit dem neuen überschrieben wird.
Habe bereits gegoogelt und ich denke das müsste mit
realisierbar sein. Ich habe aber einfach überhaupt keine Ahnung wo ich das "+d.getTime());" in das Skript einbauen muss
Skript:
Vielen Dank im Voraus.
ich hoffe Ihr könnt mir helfen. Vorweg: Ich kenne mich nicht groß in javascript aus.
Ich fange mit mit einem shell-Skript alle 2 min ein Bild von meiner IP-Kamera ab. Ingesamt werden 10 Bilder auf dem Sever gespeichert und das "älteste" immer mit dem neuen überschrieben.
snap1.jpg
snap2.jpg
...
snap10.jpg
Ich habe die Sliedeshow von W3schools Slideshow bereits in meiner Webseite integriert und die Bilder werden auch angezeigt, jedoch nicht wenn eines der Bilder mit dem neuen überschrieben wird.
Habe bereits gegoogelt und ich denke das müsste mit
var d=new Date();
...
[Code]+d.getTime());
Skript:
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
Vielen Dank im Voraus.
Please also mark the comments that contributed to the solution of the article
Content-Key: 325176
Url: https://administrator.de/contentid/325176
Printed on: April 26, 2024 at 14:04 o'clock
2 Comments
Latest comment
Quickie zwischen Zeile 24 und 25 einfügen.
Gruß mik
var img = slides[slideIndex-1].getElementsByTagName('img');
img.src = img.src.split('?',2) + '?' + (new Date()).getTime();