i want to load Image Dynamically after some jquery error check
PHP
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<div id="slider"><ul></ul></div>
<script>
$(document).ready(function(){
var images=new Array();
var total_images = <?php echo $total_no_image; ?>;
<?php
$total_no_image = sizeof($images['thumbs']);
for($j=0;$j<$total_no_image;$j++)
{
echo 'images['.$j.'] = "<li><img src=\"'.$images['thumbs'][$j].'\" alt=\"'.$images['original'][$j].'\" width=\"200px\" height=\"150px\" /></li>";';
}
?>
for(i=0;i< total_images;i++)
{
$('#slider ul').append(images[i]);
$('#slider li img').error(function() {
$(this).parent().remove();
});
}
$("#slider").easySlider({
auto: false,
speed :10
});
}) });
</script>
Here The Easy load is Not Working.... If Their Is Any Broken Image The Script Fails .... Example If Their 50 images In that 5 broken images is their... The <li> is removed but the easy load Fails . easyload wants to be Take The number of 45 <li> ........ Its Take 50 And slider Fails