-1

このトピックに関する他のスレッドを読んだことがありますが、うまくいかないようです。

Rails には 700x200 の大きな画像を表示するビューがあります (これをスライドと呼びます)。この大きな画像の下に、いくつかのサムネイル画像が表示されています。サムネイルをクリックすると、そのサムネイルの大きな画像がサムネイルの上の大きな画像に表示されます。

画像には Rails 3.2 と PaperClip を使用しています。

私のビューコード:

<div id="slider">
  <%= image_tag @first_image.image.url(:full) %>
</div>
<% @slides.each do |s| %>
  <div id="slider_tn">
    <ul>
      <li><%= s.id %> <%= image_tag s.image.url(:thumb), {:onclick =>"$('#slider').html("+image_tag.url(:full)+")"} %></li>
      <li>Title: <%= s.title %></li>
      <li>URL:  <%= s.url %></li>
      <li><%= link_to("Edit", action: "edit", id: s.id) %></li>
    </ul>
  </div>
<% end %>

:onclick セクションの内部で問題が発生しています。「引数の数が間違っています (1..2 の場合は 0)。Ruby タグを追加しようとしました:

<%= s.id %> <%= image_tag s.image.url(:thumb), {:onclick =>"$('#slider').html("+<%= image_tag.url(:full) %>+")"} %>

...しかし、これによりエラーが発生します:予期しない「<」、私は理解しています。他の投稿に見られるように、image_tag.url(:full) を javascript var に割り当てて使用しようとしましたが、それもうまくいきません。

これを機能させる方法に関するアイデア。

ヘルプ/ヒントに感謝します。

4

2 に答える 2

0

image_tag s.image.url(:full)代わりに使用する必要があると思いますimage_tag.url(:full)：

<%= image_tag s.image.url(:thumb), {:onclick => "$('#slider').html(#{image_tag s.image.url(:full)})"} %>
于 2013-06-25T11:17:55.703 に答える