Buenas, estoy realizando un script usando AJAX para comprobar si existen una seri de imágenes en el servidor.
El código que tengo es este:
Código:
jQuery(document).ready(function($) {
var images = new Array();
var flag = true;
var i = 0;
var x = 1;
while(flag) {
$.ajax({
url:'http://192.168.69.42/test/Wordpress/wp-content/themes/testtheme/images/products/usb-charger-1-' + x + '.jpg',
type:'HEAD',
async:false,
statusCode: {
404: function() {
flag = false;
return flag;
},
200: function() {
images[i] = '<?php echo $productSlug . "-1-"; ?>';
images[i] += x + '.jpg';
++i;
++x;
}
}
});
}
for(var i = 0; i < images.length; i++) {
$('.single-product-thumbnail ul').append('<li><img src="http://192.168.69.42/test/Wordpress/wp-content/themes/testtheme/images/products/' + images[i] + '" alt=""></li>');
}
});
El problema que tengo es que cuando 'x' es igual a un número de una imagen que no existe me carga el error de que no se ha encontrado ese archivo y la página tarda mucho más en cargar.
Me gustaría saber si hay alguna forma de que cuando llegue a una URL de una imagen que no eixsta, no me devuelva un error y haga que la página vaya tan lenta.
Todo esto lo hago para poder crear un pequeño slider de imágenes para visualizar diferentes imágenes de un producto.