为 Rails 站点安装引导图像库时遇到问题

Question

我已按照说明heretstrap-Image-Gallery

虽然对于相对较新的人来说，将目录复制到您的网站有点含糊，所以我将引导您完成我为帮助进行故障排除所做的工作。

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

1. 将 github 目录下载为 Zipfile
2. 打开压缩文件，复制“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 资产管道要求您使用资产作为主目录，而不是图像，因为画廊文档会要求您这样做，但我已经尝试了资产/照片、资产/的每次迭代图像/照片/，图像/照片都没有工作。

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

3) 点击任意缩略图会弹出灯箱轮播，非常棒！但事实上，我可以使用左/右箭头键滚动，或使用鼠标拖动图像（即在非触摸设备上模拟滑动）。考虑到代码使用 glyphicon chevron 左/右和下一个按钮，我预计会出现的箭头不会出现。如何启用这些？

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

Answer 1

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

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

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

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

快速问题解答：在我复制的 css 文件夹中的 bootstrap-image-gallery.css 文件中，在第 71 行，有一个从 img 文件夹调用的背景 url，该文件夹也被复制过来。就我发现查看其他文件而言，这是唯一从 img 文件夹中拉出的地方（它正在拉出加载符号）