Javascript 为Rails站点安装引导映像库时出现问题

Javascript 为Rails站点安装引导映像库时出现问题,javascript,css,ruby-on-rails,image,twitter-bootstrap,Javascript,Css,Ruby On Rails,Image,Twitter Bootstrap,我已经按照tstrap图像库的说明进行了操作 虽然对于一些相对较新的人来说,将目录复制到您的网站有点含糊不清,所以我将带您了解我为帮助解决问题所做的工作 顺便说一句,我找到了另一篇文章,但问题是说明同样模糊,我不想安装bootstrap addon rails Gem,因为我试图不安装我不需要的东西,也不需要其他部分,以及原来的gallery github最近似乎已经更新的事实 下载github目录作为Zipfile 打开Zipfile,复制“css” 将文件夹完全放入app/assets/st

我已经按照tstrap图像库的说明进行了操作

虽然对于一些相对较新的人来说,将目录复制到您的网站有点含糊不清,所以我将带您了解我为帮助解决问题所做的工作

顺便说一句,我找到了另一篇文章,但问题是说明同样模糊,我不想安装bootstrap addon rails Gem,因为我试图不安装我不需要的东西,也不需要其他部分,以及原来的gallery github最近似乎已经更新的事实

  • 下载github目录作为Zipfile
  • 打开Zipfile,复制“css” 将文件夹完全放入app/assets/stylesheets中
  • …复制“js” 将文件夹完全放入app/assets/javascripts
  • …复制“img” 将文件夹完全放入app/assets/images
  • 按原样复制代码 在文档中输入我正在构建图库的站点
  • 快速问题: -不知道我复制“img”文件夹时它在做什么。没有任何代码直接引用它,而且它似乎也没有被用作图库“链接”部分中图像的源

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

    1) 我无法加载图像文件或缩略图。我假设源代码不正确,但不确定如何修复。目前,我的图像存储在两个位置:资产/图像/照片和资产/图像/缩略图。因此,我正在编写的代码如下:

    <a href="assets/photos/X.jpg" title="X" data-gallery><img src="assets/thumbnails/X.jpg"</a>
    
    
    
    请注意,我在另一篇文章中读到,Rails资产管道要求您使用资产作为主目录,而不是像gallery文档要求的那样使用图像,但我尝试了资产/照片、资产/图像/照片/图像/照片的每一次迭代,但都没有成功

    2) 虽然我的缩略图不起作用,但flickr链接了大约100个默认图像。我在从github复制的源代码中找不到这些链接,也没有自己编写,但是当我检查元素时,在我放入的缩略图之后的链接部分中有一个字符串缩略图,我如何去掉这些

    3) 点击任何缩略图都会弹出lightbox转盘,这太棒了!但事实上,我可以使用左/右箭头键滚动,或使用鼠标拖动图像(即,在非触摸设备上模拟滑动)。如果代码使用glyphicon雪佛龙左/右和next按钮,我希望出现的箭头不会出现。如何启用这些功能


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

    好吧,我知道了。。。愚蠢的错误,希望这能帮助别人

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

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

    问题3回答:这似乎在刷新时修复了自身。不知道为什么

    快速问答:在我复制的css文件夹中的bootstrap-image-gallery.css文件的第71行,有一个后台url,它正在从同样被复制的img文件夹调用。在某种程度上,我通过查看其他文件发现,这是唯一一个从img文件夹中提取的位置(它正在提取加载符号)