javascript - 为 Rails 站点安装 Bootstrap 图片库时遇到问题

Question

我已按照说明进行操作 here tstrap-图片库

虽然对于相对较新的人来说，将目录复制到您的网站有点含糊，所以我将向您介绍我为帮助解决问题所做的工作。

顺便说一句，我找到了另一个帖子 Add Bootstrap-Image-Gallery to a Rails project ，但问题在于说明的含糊程度相同，我不想安装 bootstrap-addon-rails Gem，因为我试图不安装我不需要的东西，我也不想安装需要其他部分，以及原始画廊 github 最近更新的事实。

1. 将 github 目录下载为 Zipfile
2. 打开 Zipfile，复制“css”整个文件夹放入 app/assets/stylesheets
3. ...，复制“js”文件夹完全放入 app/assets/javascripts
4. ...，复制“img”文件夹完全放入 app/assets/images
5. 原样复制代码在文档中进入我正在构建画廊的网站

快速提问:- 不确定“img”文件夹在复制时在做什么。没有任何代码直接引用它，并且它似乎没有被用作图库“链接”部分中图像的来源

无论如何，画廊是成功的，但我在加载图像时遇到了一些问题。

1) 我无法加载图像文件或缩略图。我假设来源不正确，但不确定如何修复。目前，我的图片存储在两个地方:assets/images/photos 和 assets/images/thumbnails。因此，我正在编写的代码是这样的:

<a href="assets/photos/X.jpg" title="X" data-gallery><img src="assets/thumbnails/X.jpg"</a>

请注意，我在另一篇文章中读到，Rails Assets 管道要求您使用 Assets 作为主目录，而不是图像，就像画廊文档要求您那样做，但我已经尝试了 Assets /照片、 Assets /images/photos/, images/photos 都没有用。

2) 虽然我的缩略图不起作用，但有大约 100 张从 flickr 链接的默认图像。我在从 github 复制的源代码中找不到这些链接，也不是我自己写的，但是当我检查元素时，在我放入的缩略图之后的链接部分中有一串缩略图，我该如何摆脱这些？

3) 单击任何缩略图都会弹出灯箱轮播，这太棒了!但事实上，我可以使用左/右箭头键滚动，或使用鼠标拖动图像(即，在非触摸设备上模拟滑动)。鉴于代码使用左/右字形人字形和下一步按钮，我预计会出现的箭头没有出现。如何启用这些？

非常感谢您在上述任何问题领域提供的帮助!

Answer 1

好的，我想通了...愚蠢的错误，希望这对其他人有帮助

问题 1 的答案:您只需在 img src 前面添加一个额外的正斜杠，即，必须是“/assets/image”而不是“assets/image”。

问题2答案:所有这些都在我复制的js文件夹中的文件demo.js中。要删除，我只是注释掉了所有代码(在代码开始之前放一个/*)

问题 3 的答案:这似乎已在刷新时自行修复。不知道为什么。

快问答:在我复制的css文件夹下的bootstrap-image-gallery.css文件中，第71行，有一个背景url是从img文件夹中调用的，也是复制过来的。就我发现浏览其他文件而言，这是唯一从 img 文件夹中提取的地方(它正在提取加载符号)