2013-07-12 1 views
0

시차 효과 코드를 레일즈 3 앱에서 실행하려고 변환 중입니다. 내가이 코드를 제대로 변환했는지 궁금 해서요. 각 그룹의 첫 번째 줄은 원래 코드입니다. 각 그룹의 두 번째 줄은 내 전환입니다. 이것이 옳은지 누군가는 저에게 말할 수 있는가? image_tag<img /> 태그를 얻을 때문에 <article> 태그레일 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") %> 
+0

: 같은

다른 코드가 있어야한다. –

+0

시차 효과가 작동하지 않아 ERB로 변경해야한다고 생각했습니다. – user2358800

+0

@ user2358800 모든'image_tag'는 당신이 이미 가지고있는 정적 이미지 태그를 렌더링합니다. 브라우저 콘솔을 통해 추가 디버깅이 필요합니다. 소스를보고'image_tag'가 올바른 HTML을 렌더링하고 있는지 확인하십시오. –

답변

0

모두가 잘되지 않았습니다. URL을 생성하고 style="background: url()" (image_path API)에 넣으려면 image_path을 사용해야합니다. 당신의 HTML 그렇게 모두 첫 번째 행의있는 그대로 괜찮 정적 인 경우 당신은 ERB를 사용할 필요가 없습니다

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

제안한대로

태그를 수정 했으므로 이제 해당 이미지가 표시됩니다. 하지만 두 번째 줄에서는 : class 섹션을 제거하지 않으면 이미지가 나타나지 않습니다. 그러면 이미지는 정적이며 효과가 없습니다. 이것은 js가 읽히지 않는다는 것을 의미합니까? – user2358800

+0

@ user2358800 두 번째 image_tag는 : class 값에''asset "다음에 여분의':'가 있습니다. 제거하려고 시도 할 수 있습니다. – Daiwei

+0

이미지가 화면에 표시되는 유일한 방법은 행에서 클래스 섹션을 삭제하는 것입니다. 이것은 모든 "image_tag"라인에 해당됩니다. 왜 이런거야? 나는 무엇이 없는가. 이것들은 flexslider의 일부이지만 작동하지 않습니다. – user2358800