How to pass static to js file (Django)?

Question

JavaScript

There is a code in 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()How to pass the image URL as the second argument ?
Since all pictures are transmitted via (in HTML files, this is how it is)

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

But this method doesn't work in JS file.
How can I still pass the Url of the image to JS?

Answer 1

The issue was solved trivially simply:
the second argument can simply be passed the path to the file, without static.

Answer 2

The general approach is that before connecting the js file that displays the image, you insert the following html

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

Whereas some-main.js will already operate on the pathToImage variable instead of a static path.

Answer 3

The easiest way is to put the script in a Django html template and load it with
{% extends ... %}
{% block % ...}{% endblock %}
You can also load it through a template in a JavaScript variable {{ STATIC_URL }} and use it in other scripts