Как передать static в JS файл (Django)?

Question

[Искандер Мамедов]

Имеется код в JS:

$('.prof-button').mouseenter(function(){
        $('.prof-button').attr('src','/themes/choosevuz/images/main-menu-buttons-profs-active.png')
});
$('.prof-button').mouseleave(function(){
        $('.prof-button').attr('src','/themes/choosevuz/images/main-menu-buttons-profs.png')
});

Как вторым аргументом в attr() передать URL картинки?
Так как все картинки передаются через (в HTML файлах именно так)

{% static "расположение картинки в папке статики" %}

Но данный метод не работает в файле JS.
Каким образом все-таки передать Url картинки в JS?

Answer 1

[Искандер Мамедов]

Вопрос решился банально просто:
вторым аргументом можно просто передать путь к файлу, без static.

Comments

[Станислав Фатеев]

Увлечение захардкоженными путями может плохо кончится =)

Answer 2

[Alexander Sydorenko]

Общий подход таков, что перед подключением js файла, который выводит картинку, Вы делаете вставку следующего хтмл

<script>
    var pathToImage = '{% static "расположение картинки в папке статики" %}';
</script>
<script src="some-main.js"></script>

В то время как some-main.js будет уже оперировать переменной pathToImage вместо статического пути.

Answer 3

[Станислав Фатеев]

Самый простой способ - засунуть скрипт в html-шаблон Django и подгружать с помощью
{% extends ... %}
{% block % ...}{% endblock %}

Также можно загрузить через шаблон в JavaScript-переменную {{ STATIC_URL }} и использовать ее в других скриптах