如何使用Rails 4 Pipeline的Galleria插件

Question

我最近在使用Rails 4 Pipeline制作Galleria插件时遇到了麻烦,我花了一些时间来弄清楚如何使它工作,所以我想分享解决方案以防有人遇到类似的问题.

1)下载插件后,将galleria-1.3.3.js(它是我写的当天版本)和galleria.classic.js(或其他样式的js文件)放到vendor/assets/javascripts

2)把galleria.classic.css(或其他主题样式表)放到vendor/assets/stylesheets

3)添加//= require galleria-1.3.3和 //= require galleria.classic你的application.js文件,并*= require galleria.classic以application.css文件

4)资产管道为图像添加了指纹,这使得很难通过常规的CSS访问它们,所以需要在你的galleria样式表中添加'scss',就像这样,galleria.classic.css.scss并url(classic-map.png)改为asset_url("classic-map.png");和第二个图像一样.

5)打开galleria.classic.js文件并找到css:"galleria.classic.css"那样的东西,并将其更改为css: false

6)现在你只需要为Galleria.run('#galleria'); 某些js文件中的其他元素添加或不同的东西`这应该工作:)

PS我是Rails中的菜鸟,可能会犯一些愚蠢的错误,但我希望这对任何人都有帮助:)

Answer 1

我刚刚在Rails 4.1和Galleria 1.3.5版本中使用过它.将文件从主galleria文件夹复制到各个部分.请注意,我使用的是经典/默认(免费)主题.

# app/assets/images
classic-loader.gif
classic-map.png

# app/assets/javascripts
galleria-1.3.5.js
galleria.classic.js

# app/assets/stylesheets (rename with .scss extension)
galleria.classic.css.scss

打开galleria.classic.js和编辑该行css: '...'是css: false(约17行,如果你不改变代码).

这就是我为了让它与Rails 4一起工作所必须做的事情.我玩过将文件放在vendor/assets文件夹中,但这很快变成了一场噩梦.我发现上面的解决方案是最简单/最干净的.

更新:2016-02-02

我仍然使用Ruby 2.2.3,Rails 4.2.4,Galleria 1.4.2设置的相同设置.

确保在galleria.classic.scss样式表中使用image-url("classic-map.png")帮助程序.此当前设置没有问题.