Dynamic Float top positions
Jun 28
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
counter = $("#container > div").size(); // count total immidiate children of container
columns = 3;
leftpos = 0;
var myarray = [];
var temp = [];
temp[0] =temp[1] = temp[2] =0;
j=0;
for(i=1;i<=counter;i++)
{
width = $("#div"+i).width();
$("#div"+i).css('left',leftpos+'px');
$("#div"+i).css('top',temp[j]+'px');
$("#div"+i).css('display','block');
leftpos = leftpos + width;
myarray[j] = $("#div"+i).height();
temp[j] = temp[j] + myarray[j]
j++;
if(i%columns==0) {leftpos =0; var myarray = []; j=0;}
}// end of for loop
});
</script>
More
RSS
Twitter
Facebook
YouTube