HTML5CSS和Rails模板
我在以下URL使用免费HTML5模板: 我无法从HTML5CSS和Rails模板,css,ruby-on-rails,html,Css,Ruby On Rails,Html,我在以下URL使用免费HTML5模板: 我无法从main.js文件中获取背景图像。(bg01.jpg,bg02.jpg,bg03.jpg) 在/assets/中指定这些图像文件时,如何使用rails资源管道引用这些图像文件 CSS和布局工作正常,我的Include当前如下所示: <%= stylesheet_link_tag 'main', media: 'all', 'data-turbolinks-track' => true %> <%= javascrip
main.js
文件中获取背景图像。(bg01.jpg
,bg02.jpg
,bg03.jpg
)
在/assets/中指定这些图像文件时,如何使用rails资源管道引用这些图像文件
CSS和布局工作正常,我的Include当前如下所示:
<%= stylesheet_link_tag 'main', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'main', 'data-turbolinks-track' => true %>
images: {
'images/bg01.jpg': 'center',
'images/bg02.jpg': 'center',
'images/bg03.jpg': 'center'
},
true%>
正确%>
上面是包含最终模板附带的CSS和JS,但我没有在背景中获得3个旋转图像
任何帮助都会很好
谢谢是的。。。您必须使用资产管道 通过将以下内容添加到图像地址引用中,可以引用图像:
<%= asset_path 'bg01.jpg' %>
应改为
images: {
'<%= asset_path 'bg01.jpg' %>': 'center',
'<%= asset_path 'bg02.jpg' %>': 'center',
'<%= asset_path 'bg03.jpg' %>': 'center'
},
图像:{
“‘中心’,
“‘中心’,
“中心”
},
是。。。您必须使用资产管道
通过将以下内容添加到图像地址引用中,可以引用图像:
<%= asset_path 'bg01.jpg' %>
应改为
images: {
'<%= asset_path 'bg01.jpg' %>': 'center',
'<%= asset_path 'bg02.jpg' %>': 'center',
'<%= asset_path 'bg03.jpg' %>': 'center'
},
图像:{
“‘中心’,
“‘中心’,
“中心”
},
是。。。您必须使用资产管道
通过将以下内容添加到图像地址引用中,可以引用图像:
<%= asset_path 'bg01.jpg' %>
应改为
images: {
'<%= asset_path 'bg01.jpg' %>': 'center',
'<%= asset_path 'bg02.jpg' %>': 'center',
'<%= asset_path 'bg03.jpg' %>': 'center'
},
图像:{
“‘中心’,
“‘中心’,
“中心”
},
是。。。您必须使用资产管道
通过将以下内容添加到图像地址引用中,可以引用图像:
<%= asset_path 'bg01.jpg' %>
应改为
images: {
'<%= asset_path 'bg01.jpg' %>': 'center',
'<%= asset_path 'bg02.jpg' %>': 'center',
'<%= asset_path 'bg03.jpg' %>': 'center'
},
图像:{
“‘中心’,
“‘中心’,
“中心”
},
显示相关代码显示相关代码显示相关代码显示相关代码显示相关代码这对javascript文件有效吗?如果您查看模板中的main.js,它在一个数组中引用了三个图像,这让我很困惑。。您必须将文件重命名为.js.erb
当js引用如下图像时,我无法使其工作:var settings={//images(格式为'url':'alignment')。图像:{'assets/bg01.jpg':'center','assets/g02.jpg':'center','assets/bg03.jpg':'center'},//延迟。延迟:6000};1.将文件重命名为main.js.erb
;2.字符串'assets/bg01.jpg':
应该替换为'
我已经完全完成了这两个步骤,仍然不起作用。这对javascript文件有效吗?如果您查看模板中的main.js,它在一个数组中引用了三个图像,这让我很困惑。。您必须将文件重命名为.js.erb
当js引用如下图像时,我无法使其工作:var settings={//images(格式为'url':'alignment')。图像:{'assets/bg01.jpg':'center','assets/g02.jpg':'center','assets/bg03.jpg':'center'},//延迟。延迟:6000};1.将文件重命名为main.js.erb
;2.字符串'assets/bg01.jpg':
应该替换为'
我已经完全完成了这两个步骤,仍然不起作用。这对javascript文件有效吗?如果您查看模板中的main.js,它在一个数组中引用了三个图像,这让我很困惑。。您必须将文件重命名为.js.erb
当js引用如下图像时,我无法使其工作:var settings={//images(格式为'url':'alignment')。图像:{'assets/bg01.jpg':'center','assets/g02.jpg':'center','assets/bg03.jpg':'center'},//延迟。延迟:6000};1.将文件重命名为main.js.erb
;2.字符串'assets/bg01.jpg':
应该替换为'
我已经完全完成了这两个步骤,仍然不起作用。这对javascript文件有效吗?如果您查看模板中的main.js,它在一个数组中引用了三个图像,这让我很困惑。。您必须将文件重命名为.js.erb
当js引用如下图像时,我无法使其工作:var settings={//images(格式为'url':'alignment')。图像:{'assets/bg01.jpg':'center','assets/g02.jpg':'center','assets/bg03.jpg':'center'},//延迟。延迟:6000};1.将文件重命名为main.js.erb
;2.字符串'assets/bg01.jpg':
应该替换为'
我已经完全完成了这两个步骤,仍然不起作用。