Меняем анимацию ожидания AJAX (throbber.gif)

При использовании AJAX в Drupal в качестве анимации ожидания используется стандартный и не очень красивый throbber.gif, расположенный по адресу /misc/throbber.gif. Если вы делаете сайт «для людей», то вам рано или поздно захочется поменять его на что-то другое. Сделать это не сложно…

Самый простой вариант:

Заменить /misc/throbber.gif на свой. Но нужно учитывать:

  1. При обновлении Drupal придется повторить процедуру замены
  2. Размер должен быть таким же. К тому же в throbber.gif содержатся две анимации, это может вызвать проблему

Лучше всего загрузить новую анимашку в папку с вашей темой и прописать её в css

  1. .ajax-progress .throbber {
  2.   background: transparent url(../images/throbber.gif) no-repeat;
  3.   width: 16px;
  4.   height: 16px;
  5.   margin: 2px;
  6. }

Здесь не забудьте указать размеры вашей анимашки и подредактировать отступы.

Сложнее найти саму анимашку. Скаченые на просторах интернета будут выглядеть отстойно, если у вас фон сайта отличный от белого.

Но есть выход — воспользоваться on-line сервисом http://www.ajaxload.info/ который позволяет выбирать, как цвет самого объекта, так и цвет фона, а так же представляет неплохой набор готовых анимашек. Так что пользуйтесь, пока можно :-)