无法为Rails站点安装bootstrap图库

时间:2014-02-02 18:45:41

标签: javascript css ruby-on-rails image twitter-bootstrap

我已按照here tstrap-Image-Gallery

的说明进行操作

虽然对于相对较新的人来说,将复制目录写入您的网站有点模糊,因此我将引导您完成我所做的工作以帮助您排除故障。

顺便说一句,我发现了另一篇帖子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. 完全按原样复制代码 在我正在建立图库的网站的文档中
  6. 快速提问: - 当我复制它时,不确定“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,我希望出现的箭头不会出现。我如何启用这些?

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

1 个答案:

答案 0 :(得分:0)

好的,我明白了......愚蠢的错误,希望这有助于其他人

问题1答案:你只需要在img src前添加一个额外的正斜杠,即代替“assets / image”,它必须是“/ assets / image”。

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

问题3答案:这似乎已经修复了自己。不知道为什么。

快速回答问题:在我复制的css文件夹中的bootstrap-image-gallery.css文件中,在第71行,有一个后台网址,它是从img文件夹调用的,也是复制过来的。在某种程度上,我已经找到了查看其他文件,这是唯一从img文件夹拉出的地方(它正在拉动加载符号)