Railsで画像ファイルをJavascriptを使って操作したい

Question

アセットパイプラインを使用する前提で、

app/assets/images/1.jpg

に画像ファイルを配置した場合、これをJavascriptで操作する際のパスの指定の仕方がわかりません。

例えば、簡単なjQueryでjsファイル内で

$("button").click(function(){
  $("div").css("background-image","url(1.png)");
});

としても、動きません。

どなたか、教えていただけますでしょうか？

実際のコードは別なので、単にcssファイルでパス指定する方法ではなく、あくまでもjs内でどうパス指定するかを、教えていただけるとありがたいです。

ちなみに、Rails 5を使用しています。

Answer 1

JavaScriptの拡張子を.js.erbのようにすれば、JavaScript中にERBを埋め込めますので、image_pathも使えるようになります。

ただ、.js.erbだらけになると管理も面倒でしょうし、そういうのは1ファイルだけにして、JavaScript側にimage_pathを出現させてしまう方がいいでしょう（Qiita）。

Comments

[yoheisugiyama]

maisumakunさん、ありがとうございます！助かりました。