Использование фонового изображения в Django с использованием stati c и переменной - PullRequest
0 голосов
/ 07 апреля 2020

Я видел много таких вопросов, но ни один из них не использует {{variable_name}} в html с использованием фона. Для контекста я пытаюсь вставить уникальную фотографию в качестве фонового изображения для каждой страницы. Имя изображения, связанного с каждой страницей, которая должна быть вставлена ​​на эту страницу, поскольку фоновое изображение можно вызвать с помощью {{item.name }}

<heading id="background-image" style="background-image: url({% static 'img/pattern.jpg' %});">

Это будет работать для заданного c фонового изображения, «шаблона», но я хочу, чтобы оно зависело от переменной для этой заданной c страницы.

Следующий код импортирует правильное изображение на странице, но его нужно превратить в фоновое изображение (чтобы я мог поместить текст впереди)

<img src="{% static 'img/' %}{{ item.name }}.jpg" alt="item picture">

Итак, мне придется сделать что-то вроде этого, в теории, для фонового изображения, но это не работает. Каковы другие способы ввести переменную в состоянии c для поля URL?

<heading id="background-image" style="background-image: url({% static 'img/'}{{ item.name }}'.jpg' %});">

Ответы [ 2 ]

0 голосов
/ 10 апреля 2020
    <heading id="background-image" style="background-image: url(' {% static 'img/' %}{{ item.name }}.jpg');">

Несколько тиков были в неправильном месте. Какая досадная крошечная проблема, над которой я потратил несколько дней!

0 голосов
/ 08 апреля 2020

Попробуйте так:

<heading id="background-image" style="background-image: url({% static 'img/' %}{{ item.name }}.jpg);">

static необходимо закрыть (%}) до {{. Вы были очень близки к решению.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...