weaslflink
Goto Top

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
var d=new Date();
...
[Code]+d.getTime());
realisierbar sein. Ich habe aber einfach überhaupt keine Ahnung wo ich das "+d.getTime());" in das Skript einbauen muss face-sad

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.

Content-Key: 325176

Url: https://administrator.de/contentid/325176

Printed on: April 24, 2024 at 12:04 o'clock

Mitglied: 131381
Solution 131381 Dec 31, 2016 at 18:36:56 (UTC)
Goto Top
Quickie zwischen Zeile 24 und 25 einfügen.
var img = slides[slideIndex-1].getElementsByTagName('img');   
img.src = img.src.split('?',2) + '?' + (new Date()).getTime();  
Gruß mik
Member: weaslflink
weaslflink Jan 02, 2017 at 14:41:26 (UTC)
Goto Top
Hallo mik,

hat funktioniert.

Vielen lieben Dank !

Gruß Wiesel