Question

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

Answer 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;
                }
            }
        }

我应该做的（

jQuery Web Gallery问题

1 个答案: