jQuery Web Gallery 问题答案

【问题标题】：jQuery Web Gallery problemsjQuery Web Gallery 问题
【发布时间】：2013-09-20 19:24:13
【问题描述】：

我有一个使用 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】：

对象上灯箱 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;
                }
            }
        }

我应该做的（

【讨论】：