Estoy mostrando una imagen en una página, y la imagen se llama desde una serie de imágenes a las que accedo secuencialmente. Cada vez que se recarga la página, se muestra la siguiente imagen de la matriz. Estoy guardando en el almacenamiento local para realizar un seguimiento de qué imagen se mostró por última vez para que, si se cierra la página, comiencen donde lo dejaron la próxima vez. Las imágenes están ubicadas en un CDN y están sujetas a cambios o eliminación, pero cuando la matriz intenta acceder a ellas, falla. ¿Hay alguna manera de omitir imágenes de matriz cuando no se pueden encontrar y pasar a la siguiente? Agradezco cualquier ayuda!

Esto es lo que tengo hasta ahora:

 $(function background() { var images = [ "image1.png", "image2.png", "image3.png", "image4.png", "image5.png", "image_bookend.png" ]; // Check to see if localStorage exists before // we do anything function hasLocalStorage() { try { localStorage.setItem("count2", 0); if (localStorage.getItem("count2") === "0") { return true; } } catch (e) { return false; } return false; } // Fetch the count from localStorage. Because it's // saved as a string we need to coerce it to a number let count = Number(localStorage.getItem("count2")); $("#image").css({ "background-image": "url(https://res.cloudinary.com/image/upload/v1636154685/images/" + images[count] + ")" }); // Increase the count count++; // If the count is the length of the array (minus one // because the array is indexed-based) set the // localStorage count to zero, otherwise save the count if (count === coupons.length - 1) { localStorage.setItem("count2", 0); } else { localStorage.setItem("count2", count); } });