Rails 3正確image_tag轉換

我想轉換視差效果代碼在Rails 3應用程序上運行。我不能讓它運行，所以我想知道如果我已經正確地轉換此代碼。每組中的第一行是原始代碼。每組中的第二行是我的轉換。誰能告訴我，如果這是正確的？Rails 3正確image_tag轉換

<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") %>

來源

2013-07-12 user2358800

你並不需要使用ERB如果你的HTML是靜態的，因此所有的第一線的都是精品原樣。 –

我想我需要將它改爲ERB，因爲視差效果不起作用。 – user2358800

@ user2358800所有的'image_tag'都會渲染成你已經擁有的靜態圖片標籤。您需要通過瀏覽器控制檯進一步調試。查看源代碼並確保'image_tag'呈現正確的html。 –

每個人都與<article>標籤是不正確的，因爲只有image_tag產量<img />標籤。您應該使用image_path來產生一個網址，並將其放入style="background: url()"（image_path API）。

其他代碼應該是這樣的：

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

來源

2013-07-12 04:18:51 Daiwei

我按照您的建議糾正了

標記，現在顯示了這些圖像。但在第二行，除非我刪除：class部分，否則圖像不會顯示出來。然後圖像就是靜止的，沒有效果。這是否意味着js不被閱讀？ – user2358800

@ user2358800第二個image_tag在：class值中的「asset」後面有一個額外的'：'，你可以嘗試刪除它。 – Daiwei

圖像在屏幕上顯示的唯一方法是如果從行中刪除：class部分。對於每個「image_tag」行都是如此。爲什麼是這樣？我錯過了什麼。這些是flexslider的一部分，但它不起作用。 – user2358800

Rails 3正確image_tag轉換

回答

相關問題