在有/無ERB Ruby on Rails的JS中引用圖像

Question

我正在使用jquery.flipbook.js， https: //gist.github.com/kgn/719686

並且需要以下代碼：

$('img.intro').flipbook({
    'start': 0,
    'end': 137,
    'loop': false,
    'fps': 20,
    'mobileStep': 3,
    'images':"/intro_png/intro-png_.%2d.png" 
   // "url(/assets/intro_png/intro-png_%2d)"
});

需要上面的%2d迭代到png序列中的下一個圖像。 我不僅在上面引用了一個文件，還引用了許多文件（138）。 我在哪里可以將intro_png目錄和所有PNGS放在哪里，因此無需使用ERB代碼就可以引用它。 如果以上內容用erb解析，我相信%2d將會失去它的含義，並且rails很可能只會引用一個文件。

我試圖將它們放在rails的公共目錄中，但是當我嘗試加載頁面時，仍然得到138404。

更新 ：我現在使用的方法如下：

    'images':"<%=asset_path('intro_png/intro-png_')%>"+'%2d.png'

如您所見，我正在嘗試將Ruby部分與js部分結合起來。 唯一的問題是，在解析完js之前，ruby代碼才是文件，因此出現了Sprockets::FileNotFound錯誤。 反正有繞過該錯誤？

還是其他解決方法？

編輯：

我也願意將文件放在PUBLIC目錄中。
我試過了

'images':'url("/intro_png/intro-png_%2d.png")'

無濟於事。 嘆

更新2

該庫會解析：404的外觀如下：

http://localhost:3002/asset-url('/intro-png_134.png') 404 (Not Found)

謝謝您的幫助，謝謝

Answer 1

您可以嘗試： 'images':'asset-url("/intro_png/intro-png_%2d.png")'

要么

image: = '<%= asset_path 'image.png' %>'但您需要將文件重命名為file.js.erb

如果這些答案中的任何一個有效，請嘗試在此處找到解決方案： asset_pipeline

編輯 ：

並嘗試這樣的事情： http : //jsfiddle.net/mLv2s/2/