瀑布流可以传入自己的参数 主要取决于红色字体部分infinitescroll 等待图片加载完imagesloaded.pkgd.js

一番周折发现网上用infinitescroll 这不是多 ,给出的信息都是不全,以下是自己使用的总结,供大家参考


说明:

每个页面显示的图片尽量要多一些必须出现滚动条,这样才能实现滚动的实现加载第二页。所以我自己的分页是每页显示40个图片,因为有的图片比较短,所以每页显示的条数比较多

默认的话以下的分页链接只允许传一个参数page,为了能够传入自己的参数需要使用以下红色字体部分 

    <div id="navigation"><a href="ScrollHtml.aspx?page=1"></a></div>


imagesloaded.pkgd.js 是为了确保图片加载之后实现瀑布流

query.masonry.min.js 是用于实现瀑布流的

query.infinitescroll.min.js  是用于实现无限滚动的

我自己对jquery.infinitescroll.min.js 这个脚本做了更改,便于实现在加载第二页的时候显示loading  主要是更改了beginAjax 方法:紫色部分是我做的更改


  $(opts.loading.selector).show();
            $("#black_bj").show();

            switch (method) {
                case 'html+callback':
                    instance._debug('Using HTML via .load() method');
                    box.load(desturl + ' ' + opts.itemSelector, undefined, function infscr_ajax_callback(responseText) {
                        instance._loadcallback(box, responseText, desturl);
                    });
                    break;

                case 'html':
                    instance._debug('Using ' + (method.toUpperCase()) + ' via $.ajax() method');                   
                    $.ajax({
 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值