【发布时间】:2013-07-10 18:13:10
【问题描述】:
我正在尝试在我的 rails 应用程序中启动并运行 Galleria 幻灯片。它适用于本地服务器(在 Chrome 和 Firefox 上),但不适用于实时服务器(在 Chrome 或 Firefox 上)。在 Chrome 中,幻灯片在加载时会短暂闪烁(可能是 0.25 秒?),然后才会消失。在 Firefox 中,它根本就不会出现。 当我查看 Chrome 上的检查元素发生的情况时,在网络选项卡下,它说 Galleria.classic.css 由于 404 错误而被取消。
我的应用程序中有以下代码:(请注意,最初,我在页面上还有其他代码,但我将幻灯片拉到了仅限管理员的页面,这样我就可以实时检查它而不会弄乱面向客户的内容所以这就是页面上的全部内容。它在面向客户的页面或管理页面上都不起作用。
在视图中:
<head><link rel="stylesheet" type="text/css" href="assets/libs/galleria/themes/classic/galleria.classic.css"></head>
<body>
<div id="slideshow">
<div id="galleria">
<%= image_tag("pic1_url")%>
<%= image_tag("pic2_url")%>
<%= image_tag("pic3_url")%>
</div>
<script>
$('#galleria').galleria();
</script>
</div>
</body>
在我的 application.css 样式表中,我有:
*= require_self
*= require galleria/themes/classic/galleria.classic
*= require_tree .
*/
在我的 application.js 文件中,我有:
//= require jquery
//= require jquery_ujs
//= require jquery_nested_form
//= require galleria/galleria-1.2.9.min
//= require galleria/themes/classic/galleria.classic
//= require_tree .
我尝试过的修复:
仔细检查我的路径(根据此答案:Galleria works locally in all browsers but only IE8 & Chrome when hosted)。它们都是正斜杠而不是反斜杠。
在 galleria.classic.js 中,将 css: galleria.classic.css 更改为 css: false(根据此答案:Galleria not showing up on Heroku in Rails app)
我的 Galleria 在 vendor/assets/libs/galleria 的 rails 资产管道中(根据此答案:Where to put Galleria (jQuery image gallery framework) in Rails 3.1 Asset Pipeline?)
我在头部样式表的链接中添加了 type="text/css" (这里的第二个答案:Galleria not loading on initial page visit)
如何让 Galleria 工作?
【问题讨论】: