Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Rails 3正确的图像标记转换_Javascript_Css_Ruby On Rails_Ruby On Rails 3_Parallax - Fatal编程技术网

Javascript Rails 3正确的图像标记转换

Javascript Rails 3正确的图像标记转换,javascript,css,ruby-on-rails,ruby-on-rails-3,parallax,Javascript,Css,Ruby On Rails,Ruby On Rails 3,Parallax,我正在尝试将视差效果代码转换为在Rails 3应用程序上运行。我无法让它运行,所以我想知道我是否正确地转换了这段代码。每组中的第一行是原始代码。每组的第二行是我的转换。谁能告诉我这是否正确 <article class="slide" id="showcasing" style="background: url('backgrounds/landscape.png') repeat-x top center;"> <%= image_tag("backgrounds/lan

我正在尝试将视差效果代码转换为在Rails 3应用程序上运行。我无法让它运行,所以我想知道我是否正确地转换了这段代码。每组中的第一行是原始代码。每组的第二行是我的转换。谁能告诉我这是否正确

<article class="slide" id="showcasing" style="background:   url('backgrounds/landscape.png') repeat-x top center;">
<%= image_tag("backgrounds/landscape.png", :class => "slide", :id => "showcasing", :style => "background: repeat-x top center") %>

<img class="asset left-30 sp600 t120 z1" src="slides/scene1/macbook.png" />
<%= image_tag("slides/scene1/macbook.png", :class => "asset: left-30 sp600 t120 z1") %>

<article class="slide" id="ideas" style="background: url('backgrounds/aqua.jpg') repeat-x top center;">
<%= image_tag("backgrounds/aqua.jpg", :class => "slide", :id => "ideas", :style => "background: url('backgrounds/aqua.jpg') repeat-x top center") %>

<img class="asset left-480 sp600 t260 z1" src="img/slides/scene2/left.png" />
<%= image_tag("slides/scene2/left.png", :class => "asset left-480 sp600 t260 z1") %>

<img class="asset left-210 sp600 t213 z2" src="img/slides/scene2/middle.png" />
<%= image_tag("slides/scene2/middle.png", :class => "asset left-210 sp600 t213 z2") %>

<img class="asset left60 sp600 t260 z1" src="img/slides/scene2/right.png" />
<%= image_tag("slides/scene2/right.png", :class => "asset left60 sp600 t260 z1") %>

“幻灯片”、:id=>“展示”、:style=>“背景:重复-x顶部中间”)%%>
“资产:左-30 sp600 t120 z1”)%>
“幻灯片”、:id=>“创意”、:style=>“背景:url('backgrounds/aqua.jpg')repeat-x top-center”)%%>
“资产左-480 sp600 t260 z1”)%>
“资产左侧-210 sp600 t213 z2”)%>
“资产负债表60 sp600 t260 z1”)%>
每个人都有一个

其他代码应类似于:

<%= image_tag("slides/scene1/macbook.png", :class => "asset left-30 sp600 t120 z1") %>
“资产左侧-30 sp600 t120 z1”)%

如果HTML是静态的,那么您不需要使用ERB,因此所有的第一行都很好。我想我需要将其更改为ERB,因为视差效果不起作用。@user2358800所有
image\u标记
将要做的就是渲染成您已经得到的静态图像标记。您需要通过浏览器控制台进行进一步调试。查看源代码并确保
image\u标记
正在呈现正确的html。图像路径是否正确?服务器日志或浏览器中有错误吗?我按照您的建议更正了标记,现在这些图像显示出来了。但是在第二行,除非我删除:class部分,否则图像不会显示。然后图像是静态的,没有效果。这是否意味着没有读取js?@user2358800第二个image_标记在:class值中的
“asset”
之后有一个额外的
,您可以尝试删除它。屏幕上显示图像的唯一方法是从行中删除:class部分。这适用于每一个“图像标签”行。为什么会这样?我错过了什么。这些是flexslider的一部分,但它不起作用。