Question

I’m trying to access images uploaded to my Rails app with jQuery, i.e., switching images out and the like. The jQuery’s pretty straightforward:

$('#a1').change(function() {
  var src = $(this).val();
  $('#t1').html(src ? "<img src='../../images/000/000/"+src+".jpg' />":"");
});

I’m totally stuck when trying to use the Rails asset call with jQuery. I can call up the required images elsewhere on the page, thus:

@a.image.url(:thumb)

Any help would be great.

Answer 1

I’m going to answer this myself in case it helps someone. Instead of accessing the images directly with jQuery I assigned IDs to them in Rails, thus:

<% @articles_by_page.each do |m| %>
<%= image_tag(m.image.url(:large), :id => 'article1_thumb'+m.issue_id.to_s) %>
<% end %>

And subsequently handled their visibility in jQuery:

$('#doc_article1').change(function() {
    var src = $(this).val();
    $('#thumbs1 a').css('display', 'none');
    $('#article1_thumb'+src).css('display', 'block');
});

Might help someone.