Check if there's images on a folder

I'm using an slideshow and I would like check if there any image on a specific folder since I'll make it all dynamically. I开发者_高级运维 saw some questions here about this but can't get it work.

<div class="foo">
    <img src="images/[dynamic_folder_name]/1.jpg" alt="" />
    <img src="images/[dynamic_folder_name]/2.jpg" alt="" />
</div>

There'll be allot of folders and maybe some could be empty so I wanna check with jquery if there's any images with those names and if not set a default image.

If you have any other ideas for doing this instead of using jquery, you're more than welcome.

Thanks in advance.

JavaScript runs within the clients browser which has no knowledge of your servers folder structure. You'll need to create a server script which supplies the required information to the scripts running in the browser.

You can use script like this.

function testImage(src,callback) {
var testimg = new Image();
testimg.onerror(function(){    
    callback(false);    
});
testimg.onload(function(){    
    callback(true);    
});
testimg.load(src);
}

Then call the function to check if image exeist.