How to load precompiled images using jquery?

Question

In my rails application I changed navbar icons using jquery, When the images are precompiled the image name is like 'nav1_completed-0d81e4b2c254459e456870960fa480c2.png', How do I load this image using jquery?

$('#nav1').find('img').attr('src', "/assets/nav1_completed.png");

When I load the above function it doesn't load image since the names are different, how to load images using jquery?

Why couldn't you split the string using hyphen ('-'), if it exists in all the precompiled images? — ABHILASH SB, May 14 '15 at 05:08
Try this http://stackoverflow.com/questions/7381041/url-of-images-in-javascript-code-using-rails-3-1-asset-pipeline — Ronak Jain, May 14 '15 at 12:23

score 0 · Answer 1 · answered May 14 '15 at 05:06

0

You can try as below to check if your image name starts with nav1

$('#nav1').find("img[name^='nav1']").attr('src', "/assets/nav1_completed.png");

answered May 14 '15 at 05:06

Guruprasad J Rao

29,410
14
101
200

How to load precompiled images using jquery?

1 Answers1