Как правильно прописать путь в CSS файле? - Общие вопросы по расширениям Joomla

НГ прошёл, но один вопрос остался, почему то нг-гирлянда не издавала звуков, как не бился, музыка не появилась...
Скачал один файлик распаковал на хостинге в пустом каталоге, запустил ихний index.html, всё нормально висит, раскачивается и звенит. Начинаю переносить на только что установленную джумлу(шаблон beez), меняю index шаблона,
   <link rel="stylesheet" href="/templates/beez3/stp_style.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script src="/templates/beez3/stp_script.js" defer></script>
прописываю путь в stp_script.js
   var context = new (window.AudioContext || window.webkitAudioContext)();
   var path = 'templates/beez3/audio/';
   var sounds = [path + 'sound1.mp3', path +....+'sound36.mp3'];
всё нормально висит, раскачивается, но не звенит..., какие я только пути не перепробовл, но может дело не в путях, может джумла, как-то блокирует?

А вот так пробовал?

к сожалению да.., http://st3.tmp-domen.ru

У вас дважды подключается библиотека jquery

а где её можно отключить?

а где её можно отключить?

В вашем скрипте уберите строчку:
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Признаться, я плохо шарю в JS и не уверен, что это поможет, но попробуйте.

Убрал эту строчку в index шаблона, она ничего не изменила, не хуже ни стало, не лучше... она вроде вообще лишняя..
А как узнать, перед подключением библиотеки jquery, подключена она или нет?

Попробуйте подключать вот так
Проверить версию

Запустил последний скрипт, вышло сообщение alert('111Отсутствует');
Но скорей всего эта строчка раскачивает шары
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 так как я её убрал, шары перестали раскачиваться, но звук есть, т.е. она звук не задействует(st2.tmp-domen.ru/K5/index.html)