文章/答案/技术大牛

发布

问jQuery网页库问题
EN

Stack Overflow用户

提问于 2013-09-16 15:14:40

回答 1查看 47关注 0票数 0

我有一个使用jQuery和php脚本的无限滚动库的项目，该脚本从目录中读取图片并将它们发布到一个无穷无尽的页面上。我为我以前使用过的一个灯箱添加了一个照片扩展程序，它的工作原理非常棒。我尝试将两者融合在一起，创建一个无限滚动的灯箱画廊，但它们不能正常工作。它们各自工作，但每次我一起执行时，我的网页只是盯着我，什么也不做。也许我错过了什么请帮帮我。

我正在使用的画廊库：http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-infinite-scroll-web-gallery/

灯箱底座：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

jquery

html

css

gallery

infinite

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-05-11 17:09:48

对象上光明盒CSS的类调用是不正确的。我没有在jQuery中添加类，所以图像只更新图像，而不是CSS功能。

例子:我所做的：

var j = 0;
        for(i=0; i<files.length; i++){
            if(files[i] != ""){
                document.getElementById("container").innerHTML += '<a href="img/'+files[i]+'"><img src="thumb/'+files[i]+'" /></a>';
                j++;
                
                if(j == 3 || j == 6)
                    document.getElementById("container").innerHTML += '';
                else if(j == 9){
                    document.getElementById("container").innerHTML += '<p>'+(n-1)+" Images Displayed | <a href='#header'>top</a></p><hr />";
                    j = 0;
                }
            }
        }

我应该做的事情(

var j = 0;
        for(i=0; i<files.length; i++){
            if(files[i] != ""){
                document.getElementById("container").innerHTML += '<a class="lightbox" href="img/'+files[i]+'"><img src="thumb/'+files[i]+'" /></a>';
                j++;
                
                if(j == 3 || j == 6)
                    document.getElementById("container").innerHTML += '';
                else if(j == 9){
                    document.getElementById("container").innerHTML += '<p>'+(n-1)+" Images Displayed | <a href='#header'>top</a></p><hr />";
                    j = 0;
                }
            }
        }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18831499

复制

相似问题

问jQuery网页库问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery网页库问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery网页库问题
EN