views_infinite_scroll как анимацию во время подгрузки контента

Главные вкладки

Аватар пользователя viktorbeznosov viktorbeznosov 1 мая 2020 в 11:20

Друзья, я использую для ajax подгрузки контента модуль views_infinite_scroll
Не подскажете, как можно добавить какую-нибудь анимацию во время загрузки контента.
Например на кнопку. Как это можно настроить?
Сайт для примера https://rossila.ru/drivers1. Серийный номер B219070001

Комментарии

Аватар пользователя marassa marassa 1 мая 2020 в 18:54

А версия какая? В восьмёрке во время любой ajax-операции (включая подгрузку очередной страницы через View Infinite Scroll) появляется крутящееся колесико по центру экрана. Его можно темизировать при желании через css.

Аватар пользователя charOFF charOFF 2 мая 2020 в 23:09

У вас во время загрузки контента под кнопкой выводится стандартный код троббера, только он не стилизован, а к самой кнопке добавляется класс 'progress-disabled'

<li class="pager__item">
  <a href="/drivers1?page=1&amp;field_driver_serial_value=B219070001&amp;combine=&amp;field_driver_os_tid=All&amp;field_driver_category_tid=All&amp;field_driver_format_tid=All&amp;title=" class="progress-disabled" disabled="disabled">ЗАГРУЗИТЬ ЕЩЕ</a>
  <div class="ajax-progress ajax-progress-throbber"><div class="throbber">&nbsp;</div></div>
</li>

Можете сами убедиться: откройте webmaster tools и отключите javascript сразу после нажатия кнопки "Загрузить еще", увидите все сами.