如何使用Rails 4 Pipeline的Galleria插件

我最近在使用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.classicapplication.js文件中,并将*= require galleria.classicapplication.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中的菜鸟,可能会犯一些愚蠢的错误,但我希望这对任何人都有帮助:)

我刚刚在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")帮助程序。 此当前设置没有问题。

谢谢你这绝对是惊人的,正是我需要的东西(我希望我能在18小时的头发拉动之前找到这个,试图让这个变得怪异的工作)!

我会添加一些可能对任何人有帮助的东西:

1)我不得不改为galleria.css.scss.erb,以便它会像这样插入类加载器:background:url(<%= asset_path“/galleria/classic-loader.gif”%>)(不是确定原因,但是asset_url对我不起作用)

2)相关,我还必须采用经典地图和加载器图像并将它们放在app / assets / images中

3)Per Galleria,我移动的文件是min.js文件,而不是常规.js

4)在视图的标题中,我补充说:

    

5)在每个视图的脚本中加载Galleria,我修改了他们的指令:

 Galleria.loadTheme("<%= asset_path "/galleria.classic.min.js" %>");