Laterex/camera-picture-slide
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

* camera image preload implemented

Browse Source
This commit is contained in:
Dávid Danyi
2018-01-25 16:13:09 +01:00
parent 139116d76f
commit 32ebe4b351
2 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/scripts/camera-image-handler.js
View File

@@ -2,6 +2,16 @@ jQuery(document).ready(function () {
var cameraImages = [];
var cameraPointer = 0;
function preloadImages() {
$("#imagePreloader").empty();
jQuery.each(cameraImages, function(idx, cameraImage){
console.log(cameraImage);
var img = new Image();
img.src = cameraImageBaseUrl + cameraImage.camera + '/' + cameraImage.imageName;
document.getElementById("imagePreloader").appendChild(img);
});
}
function changeImage(pointer) {
$('#cameraImage').css(
'background-image',
@@ -13,6 +23,7 @@ jQuery(document).ready(function () {
function refreshCameraImages() {
jQuery.get(cameraImageApiUrl, function (data) {
cameraImages = data;
preloadImages();
}).always(function () {
window.setTimeout(refreshCameraImages, refreshInterval);
});
@@ -21,6 +32,7 @@ jQuery(document).ready(function () {
// initial image load
jQuery.get(cameraImageApiUrl, function (data) {
cameraImages = data;
preloadImages();
changeImage(0);
window.setTimeout(refreshCameraImages, refreshInterval);