Question

我试图直接从500px照片中加载图片。

这是我加载颜色框的代码：

<script>
jQuery(document).ready(function(e) {
$("#photogrid").find('a').colorbox({rel:'lb', transition:"fade"});
});
</script>

就像Isaid一样，彩盒似乎正在加载，但我只剩下页面上的叠加层和一个空的黑色＆＃39;正方形图像应该是...

从id:photogrid中收集图像，使用a的DOM元素收集所有图像。每张图片都是http://link-to-image - 相当标准。

我认为加载脚本设置不正确，但搜索GOOGLE并没有为我提供任何答案!!!

好的，所以我将photo:true添加到似乎有用的.colorbox({options}) ......

现在我可以随意查看图片了吗？这是该网站的链接： http://staringatthesky.info/#photogrid

我在Win10下使用最新的Chrome浏览器。

这一切似乎都是随机的，如果我清除缓存，没有问题，但如果我第二次返回查看=丢失图像......

我在网站上有许多其他脚本，这可能是一个冲突，但这是我所不知道的..！

Answer 1

错误就是这些行：

    previous: "<i class="fa fa-angle-left"></i>", //double quotes conflict 
    next: "<i class="fa fa-angle-right"></i>", //double quotes conflict
    close: "<i class="fa fa-close"></i>", // extra comma
});

最后额外的逗号，你没有在这3行中删除双引号，将它们改为：

    previous: '<i class="fa fa-angle-left"></i>',
    next: '<i class="fa fa-angle-right"></i>',
    close: '<i class="fa fa-close"></i>'
});

Colorbox加载，但没有图像..？

1 个答案: