Анимация чисел

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

Аватар пользователя trvldrpl trvldrpl 13 января 2017 в 22:18

Доброго времени суток! Впервые попробую спросить что-то на форуме так как поиск по мойе проблеме не дал результата, может не там ищу...

Нужно сделать анимацию как на этой страничке внизу http://sigairhandling.com/facts-figures
Сделать нужно через модуль paragraphs.
Так вот создал paragraphs type с этими полями, дабавил найденый на просторах интернета js скрипт для анимации. попытался подключить его и без результатно.
вот сам скрипт

var time = 2;
$('#counter').each(function(){
  $('div').each(function(){
    var
    i = 1,
    num = $(this).data('num'),
    step = 1000 * time / num,
    that = $(this),
    int = setInterval(function(){
      if (i <= num) {
        that.html(i);
      }
      else {
        clearInterval(int);
      }
      i++;
    },step);
  });
});

по всей видимости я или неправильно добавил скрипт в тему что вряд ли, так как в выводе html кода страницы подключение к скрипту присутсвует.
Второе на что грешу так это на сам скрипт может такая конструкция не подходит Друпалу.
Ну и 3 это вызов скрипта что скорее всего и есть проблемой незнаю как правильно сделать чтоб он работал с text(plain) (анимировать поле)

Комментарии

Аватар пользователя trvldrpl trvldrpl 13 января 2017 в 23:31

Оказалось все куда проще. Оно работает, незнаю почему, но оно не работает только с хрома( с которого я захожу в админку) кеш чистил, почему то не помогло. Если захожу с мозилы или даже с хрома но в режиме инкогнито оно работает. Появилась другая проблема как синхронизировать все в этом коде чтоб 3 дива закончили анимацию одновременно.

Аватар пользователя Studio VIZA Studio VIZA 13 января 2017 в 23:38

MD AweContent модуль обалденен, настраивается время входа выхода, мультяшки вид и оч много чего. (перечислять плюшки и правда долго)
Проблем тоже полно, не оч дружит с панелями, влияет на календарь и даже на контент. На больших проектах можно сделать очень красиво, вызвать аплодисменты заказчика, а потом объяснять почему удаление этих красотулек, лучший вариант для проекта.

Аватар пользователя Studio VIZA Studio VIZA 14 января 2017 в 14:42

xSPiRiTx wrote:

разобраться. зачем ему этот модуль?

Сорри, я по ссыли не переходил, поэтому проблему по-своему понял.