Бесконечная прокрутка js: локально размещалась загрузка gif

Question

Работа над проектом с использованием библиотеки infinite scroll javascript. Я пытаюсь использовать gif, который я загрузил в качестве загружаемого изображения, когда бесконечная библиотека прокрутки делает свой вызов ajax на сервере.

Однако независимо от того, как я выполняю маршрутизацию изображений, он не будет загружать загрузочный 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

Попробуйте

/assets/myblend-loading.gif 

Вы также можете поместить его в общую папку и просто сделать

/myblend-loading.gif