jQuery Forum

I load the masonary in my page. but loads only after All images Load. Images load Down Down. Once all Images loaded the masonry Works

my page is contained of 200+ images

please help me

$(window).load(function() {

$('#mainmason').masonry({

 itemSelector: '.rows',

 isFitWidth: true,

 isResizable:true

});

});

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

This is the image code In My HTML . The height and Width mention Their Is 10*10.

I want to Select the actual Width and Height Of the Image . The Actual width and Height is 276*110 .

<img id="myimage" src="http://www.google.com/intl/en_ALL/images/logo.gif" width="10px"  height="10px"/>

How To That... Am Stuck With This. please help Me 

secure.php

$id = '2138832';

$key = 'alkjd0asd89';

This is The Php File . i want To use or Alert This variable in a jquery by include This.

//Alert These id and key here

});

please help me... Its Too urgent