<div id="content">
</div>
<div class="page clear">
    <div class="pages">
    <a href="index2.html">下一页</a>
    </div>
</div>

$(function () {
        var $container = $('#content');
        $.post("GetPicInfo.aspx", function (data) {
            //alert(data);
            $("#content").html(data);
        });
        $('#content').infinitescroll({
            navSelector: "div.page .pages",
            nextSelector: "div.page .pages a:first",
            itemSelector: ".post"
        },
        function (newElements) {
            // 当加载时隐藏所有新项目
            var $newElems = $(newElements).css({ opacity: 0 });
            // 在添加到masonry布局之前保证图片载入
            $newElems.imagesLoaded(function () {
                // 现在可以显示所有的元素了
                $newElems.animate({ opacity: 1 });
                $container.masonry('appended', $newElems, true);
            });
        });
        $container.imagesLoaded(function () {
            $container.masonry({
                itemSelector: '.item',
                columnWidth: 240
            });
        });
    });