我已按照here tstrap-Image-Gallery
的说明进行操作虽然对于相对较新的人来说,将复制目录写入您的网站有点模糊,因此我将引导您完成我所做的工作以帮助您排除故障。
顺便说一句,我发现了另一篇帖子Add Bootstrap-Image-Gallery to a Rails project,但问题是说明的含义是相同的,我不想安装bootstrap-addon-rails Gem,因为我我试图不安装我不需要的东西,我不需要其他部分,以及最近更新的原始图库github的事实。
快速提问: - 当我复制它时,不确定“img”文件夹正在做什么。没有任何代码直接引用它,它似乎没有被用作图库“链接”部分中图像的来源
无论如何,图库是成功的,但我在加载图片时遇到了一些问题。
1)我无法加载图像文件或缩略图。我假设源不正确,但不确定如何修复。目前,我的图像存储在两个位置:资产/图像/照片和资产/图像/缩略图。因此,我写的代码是:
<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 left / right和next for next,我希望出现的箭头不会出现。我如何启用这些?
非常感谢上述任何问题领域的任何帮助!
答案 0 :(得分:0)
好的,我明白了......愚蠢的错误,希望这有助于其他人
问题1答案:你只需要在img src前添加一个额外的正斜杠,即代替“assets / image”,它必须是“/ assets / image”。
问题2答案:所有这些都在我复制的js文件夹中的demo.js文件中。要删除,我只是注释掉了所有代码(在代码开始之前加上/ *)
问题3答案:这似乎已经修复了自己。不知道为什么。
快速回答问题:在我复制的css文件夹中的bootstrap-image-gallery.css文件中,在第71行,有一个后台网址,它是从img文件夹调用的,也是复制过来的。在某种程度上,我已经找到了查看其他文件,这是唯一从img文件夹拉出的地方(它正在拉动加载符号)