無限スクロールjs：ローカルホストされたロードgif

Question

infinite scroll javascriptライブラリを使用しているプロジェクトで作業しています。無限のスクロールライブラリがサーバーにajax呼び出しを行っているときに、読み込んだイメージとしてダウンロードしたgifを使用しようとしています。

しかし、私が画像ルーティングを行っても、ダウンロードしたローディングGIFは取得されません。エラーが発生して非常にイライラするのは、 "GET http://localhost:3000/app/assets/images/myblend-loading.gif 404（見つからない）"のようになります。これは私がイメージをホストしている場所です（私はそれにはルートはありません）。

誰でもこのライブラリでローカルにホストされたgifを使用する方法を知っていますか？

$container.infinitescroll({ 
    navSelector: 'nav.pagination', // selector for the paged navigation 
    nextSelector: 'nav.pagination a[rel=next]', // selector for the NEXT link (to page 2) 
    itemSelector: '#discover_content div.discover-article', // selector for all items you'll retrieve 
    bufferPx: Math.round($(window).height() * 1.5), 
    pixelsFromNavToBottom: Math.round($(window).height() * 1.5), 
    loading: { 
    finishedMsg: 'No more products to load.', 
    msgText: "", 
    img: "/app/assets/images/myblend-loading.gif" #this should be where the image is hosted 
    } 
} 

Answer 1

あなたはまた、パブリックフォルダにそれを置くことができ、ちょうどあなたがそのリンクをクリックした場合

/myblend-loading.gif