Apache :: Folder of images do not refresh

benfringer · Joined: 13 Nov 2019 Posts: 2

I am using this code

https://www.apachelounge.com/viewtopic.php?t=7995

which works great when displaying one image.

Now I have a folder of images where each image gets overwritten continousy. I am using the following code which works great if I have 1 image in the folder but as soon as the 2nd image is in the folder, the 2 images will display but they are not refreshing

<script language="javascript">
function updateImage() {
obj = document.imagename;
obj.src = obj.src.split("?")[0] + "?" + new Date().getTime();
setTimeout("updateImage()",2000);
}

</script>

<body onload="updateImage();">

<?php
$dirname = "thumbnail_preview";
$images = glob($dirname."/*.png");

foreach($images as $image) {
echo "<img name='imagename' src=".$image."?t=".time().">";
}
?>
</div>

Would anyone know how I can get this fixed?

I have tried many samples of ajax refreshing divs but they all present a flash each time the images get auto refreshed

mraddi

Hello Ben,

reason for not working with multiple images is, that you have multiple images with the same name. Therefore not a single object but an array is returned within line
obj = document.imagename;
To make it a little easier to understand and to make it clear that the result is an array (see the plural in getElementsByName) I used this:
objs = document.getElementsByName('imagename');
In addition I replaced the setTimeout(...) with a setInterval(...) outside the function so the result reads:

benfringer · Joined: 13 Nov 2019 Posts: 2

Thank you so much Matthias.

That works perfectly