Question

使用infinite scroll javascript库处理项目。当无限滚动库对服务器进行ajax调用时，我试图使用我下载的gif作为加载图像。

但无论我如何进行图像路由，它都不会抓取我下载的加载gif。非常令人沮丧，因为错误将看起来像这样＆＃34; GET http://localhost:3000/app/assets/images/myblend-loading.gif 404（未找到）＆＃34;这正是我托管图像的地方（虽然我没有路径）。

有没有人知道如何在这个库中使用本地托管的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

无限滚动js：本地托管加载gif

1 个答案: