如何在 django 中添加背景图像作为 static 图像

Question

please help me with this. I have an image slider. it shoud add like this bellow..

 <div class="slider-item" style="background-image: url('img/hero_2.jpg');"> <div class="container"> <div class="row slider-text align-items-center justify-content-center"> <div class="col-md-8 text-center col-sm-12 element-animate"> <h1>Delecious Food</h1> <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.</p> <p><a href="#" class="btn btn-white btn-outline-white">Get Started</a></p> </div> </div> </div> </div>

 Not working like these ways <div class="slider-item" style="background-image: url({%static'/img/hero_1.jpg'%});"> or <div class="slider-item" style="background-image: url{%static'/img/hero_1.jpg'%}"> I don't want to add like an img tag like this way " <img src="{% static '/img/hero_2.jpg' %}" />"

I am using Django latest version with python 3.0 all are latest version

Thank you

Answer 1

Update your settings.py file like given below and run command "python manage.py collectstatic"