Django EndlessPagination에 ajax로드 아이콘을 표시하는 방법은 무엇입니까?

Question

나는 지금 장고 끝 매김

https://github.com/frankban/django-endless-pagination

를 사용하는 대신 그냥 단어 "로드"를 표시하는 그래픽 로딩 아이콘을 표시하고 있습니다. 어떻게 든 그래픽 아이콘을 표시 할 수 있습니까? 아이콘 목록을 설정하는 옵션 목록에 아무것도 표시되지 않습니다.

 var defaults = { 
     // Twitter-style pagination container selector. 
     containerSelector: '.endless_container', 
     // Twitter-style pagination loading selector. 
     loadingSelector: '.endless_loading', 
     // Twitter-style pagination link selector. 
     moreSelector: 'a.endless_more', 
     // Digg-style pagination page template selector. 
     pageSelector: '.endless_page_template', 
     // Digg-style pagination link selector. 
     pagesSelector: 'a.endless_page_link', 
     // Callback called when the user clicks to get another page. 
     onClick: function() {}, 
     // Callback called when the new page is correctly displayed. 
     onCompleted: function() {}, 
     // Set this to true to use the paginate-on-scroll feature. 
     paginateOnScroll: false, 
     // If paginate-on-scroll is on, this margin will be used. 
     paginateOnScrollMargin : 1, 
     // If paginate-on-scroll is on, it is possible to define chunks. 
     paginateOnScrollChunkSize: 0 
    }, 

Answer 1

여기에 이미지 설정 loading.gif : 거기에 넣어 :

을

ENDLESS_PAGINATION_LOADING = ""

다른 모든 옵션은 여기에 나열되어 있습니다.

http://django-endless-pagination.readthedocs.org/en/latest/customization.html

Answer 2

당신은 템플릿을

끝없는/show_more.html를 오버라이드 (override) 할 필요가 - 그리고 settings.py에서

{% load i18n %} 
{% load static %} 
{% if querystring %} 
    <div class="clearfix"></div> 
    <div class="endless_container"> 
     <a class="endless_more" href="{{ path }}{{ querystring }}" 
      rel="{{ querystring_key }}"> 
      <button>Więcej</button></a> 
     <div class="endless_loading" style="display: none;"> 
      <img src="{% static "img/ajax-loader.gif" %}"></div> 
    </div> 
{% endif %}