AJAX: Comprobar si existen imágnes en el servidor

[Bultack]

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.

[caricatos]

Hola:

No estás usando Ajax de forma correcta... por lo que veo, sería lo mismo asignar la url a un objeto image() y consultar el estado de error de la misma.
Deberías usar un lenguaje del servidor y usar funciones de lectura de archivo; por ejemplo is_file de php...

Por cierto, usas la implementación ajax de jquery, así que hemos movido el tema.

Saludos