Установка particles.js

  • 3 Ответов
  • 150 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

570326

  • Новичок
  • *
  • 2
  • 0
Установка particles.js
« : 17.05.2017, 20:50:08 »
Приветствую, друзья! Такое дело: помогите установить данную библиотеку https://github.com/VincentGarreau/particles.js/
Скачал, но там куча файлов, что, куда заливать, не имею представления.
На форуме уже есть подобная тема, но там объясняется как установить на фон, однако не получилось все равно. Мне нужна подробнейшая инструкция, чем подробнее, тем лучше. Я новичек.
Библиотеку нужно установить в breadcrumb (см. изображение).


*

Septdir

  • Практически профи
  • *******
  • 2144
  • 108
  • JoomlaZen
Re: Установка particles.js
« Ответ #1 : 17.05.2017, 22:24:59 »
Без обид, но если вам мало Usage на GitHub то лучше в коммерческий раздел, и себе и нам нервы сэкономите.
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
________
Мои Контакты | JoomlaZen

*

570326

  • Новичок
  • *
  • 2
  • 0
Re: Установка particles.js
« Ответ #2 : 18.05.2017, 00:31:20 »
Я думаю, если Вы знаете, то Вам не трудно будет за 2 минуты расписать что да как... Ну хотя это Ваше решение) Я написал с целью услышать ответ и дождаться помощи.

*

Serg_

  • Осваиваюсь на форуме
  • ***
  • 175
  • 23
  • Skype: smile_bot (Запорожье)
Re: Установка particles.js
« Ответ #3 : 18.05.2017, 19:17:30 »
Открываете демку http://codepen.io/VincentGarreau/pen/pnlso и копируете блоки CSS в CSS, js в js. А дальше ручками.
Но коль нужна инструкция, то вот, например:
1 - подключение скрипта
1.1 скопируйте к себе на сайт файл particles.min.js, например, в папку media/media/js
1.2 в шаблон добавьте вызов скрипта <script src="/media/media/js/particles.min.js"></script>
2 - сконфигурируйте скрипт
2.1 найдите id элемента, в котором хотите выводить всё это безобразие, например, #title
2.2 на странице http://codepen.io/VincentGarreau/pen/pnlso в блоке JS скопируйте все строки
2.3 у себя в шаблоне вставьте эти строки между <script></script>
2.4 после вставки замените в первой строке
Код
particlesJS("particles-js", {  
particles-js на id своего элемента, например, title
получится примерно так
Код
particlesJS("title", {  
3 - уже должно работать, но возможно надо будет подправить CSS
Код
#title canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

для примера в шаблоне использовал id sp-title
можете глянуть здесь http://test.antipov.in.ua/particles-js