瀑布流相册可点击放大(适应手机移动端)

所属分类:UI-布局

 43546  456  查看评论 (8)
分享到微信朋友圈
X
瀑布流相册可点击放大(适应手机移动端) ie兼容10

方法大家都懂的。


相关插件-布局

响应式无限滚动瀑布流

响应式无限滚动瀑布流,调整浏览器窗口大小查看效果
  布局
 29263  354

bootstrap登录表单模板

注册页面,带空值验证
  布局
 110354  483

兼容IE8的响应式网格瀑布流布局jQuery插件

Pinterest Grid是一款仿Pinterest网站的响应式网格瀑布流布局jQuery插件。该瀑布流插件使用简单,可以随父容器的大小自动调节网格布局,并且支持IE8+的IE浏览器。
  布局
 35351  444

简洁美观的后台管理模板SuperAdmin2

jQuery Bootstrap 响应式后台管理模板SuperAdmin2
  布局
 55201  540

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    LS.getName 0
    2019/4/7 9:59:08
    动态添加后点开大图移位是哪里出了问题? 回复
    惟·YI 0
    2016/9/18 19:09:32
    为什么没有滚动加载
        古吉古吉1
        2016/12/14 15:12:32

        滚动自己写生一段代码就好了  

        window.onscroll = function() {
           
           var _index = getShort();
           var oLi = aLi[_index];
           
           var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
           
           if ( getTop( oLi ) + oLi.offsetHeight < document.documentElement.clientHeight + scrollTop ) {
              
              if ( b ) {
                 b = false;
                 iPage++;
                 getList();
              }
              
           }
           
        };
        
        function getShort() {
           var index = 0;
           var ih = aLi[index].offsetHeight;
           for (var i=1; i<iLen; i++) {
              if ( aLi[i].offsetHeight < ih ) {
                 index = i;
                 ih = aLi[i].offsetHeight;
              }
           }
           return index;
        }
        
        function getTop(obj) {
           var iTop = 0;
           while(obj) {
              iTop += obj.offsetTop;
              obj = obj.offsetParent;
           }
           return iTop;
        }
        古吉古吉0
        2016/12/14 16:12:17

           里面的图片建立一个本地文件或者是用后台数据请求, 然后动态的添加进去

        佳匠网络0
        2017/4/26 13:55:49

        你这个aLi是什么

    回复
    youyou筱掉 0
    2016/8/12 15:08:52
    xiaoluo27 0
    2016/7/25 10:07:42
    这个不错,收下了 回复
    密斯特酷 0
    2016/7/14 23:07:24
    pc端点击放大图片会出现对应不上小图的大图片。像是没清空缓存一样。求破解 。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复