2016-08-03 7 views
-2

Ich habe eine Links für wie ein Bild als Hintergrund für eine div festgelegt. Ich habe verschiedene Wege ausprobiert. Aber immer noch werde irgendwo falsch und würde eine Unterstützung benötigen ...Hinzufügen von Bild als Hintergrund für eine Django-Vorlage

Unten ist meine Verzeichnisstruktur:

frontend 
    /frontend (django project) 
     settings.py 
     . 
     . 
    /webApp (django app) 
     /templates 
      /static 
       img1.jpg 
      home.html 

In meinem home.html Ich habe die folgende Zeile ein,

{% load static %} 

<div style="background-image: url({% static "/img1.jpg"%}); height: 650px; width: 1920px;"> 

In settings.py I haben,

STATIC_URL = '/static/' 

Aber das Bild nicht appea r wenn die Seite angezeigt wird. Ich erhalte den folgenden Fehler.

"GET /static/img1.jpg HTTP/1.1" 404 1803 

Meine Verzeichnisstruktur war anders und hat ein paar Fragen gesucht, bevor mein Bedürfnis zu passen. Ich bin immer noch verwirrt mit den URLs und URL für das Hintergrundbild zuweisen. Auch ich möchte es als url und nicht als href setzen background-image. Wie gehe ich vor?

+1

Mögliche Duplikate von [Django - Kann nicht Stat ic CSS-Dateien zum Laden] (http://stackoverflow.com/questions/7574759/django-cant-get-static-css-files-to-load) – Sayse

+1

versuchen Sie '{% static" img.jpg "%}' –

+0

versucht, dass ... immer noch das gleiche Ergebnis .. – nidHi

Antwort

0

versuchen hinzuzufügen, aber mit dem richtigen Pfad:

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"), 
) 
+0

Es gibt noch 404 – nidHi

+0

@nidHi Wie definiert man BASE_DIR Variable? – Nick

0

Versuchen angeben STATICFILES_DIRS in settings.py

STATICFILES_DIRS = (
    "<absolute path to static folder>", 
) 
0

ich ein paar Änderungen gemacht ... verschoben ich die statischen Ordner, wo meine settings.py ist vorhanden ... Und entfernen Sie die / vor img1.jpg in der HTML-Datei ... Endlich funktioniert es jetzt ...