Python 如何在Django中使用Lightbox显示图像

我需要你的帮助。我已经根据我正在学习的课程设置了所有的东西，但是我没有得到课程中显示的图像

问题是：我从数据库中获取了一些图像，我想用lightbox显示它们。我做的每件事都是对的，但是图像没有显示出来

我的观点

from django.shortcuts import render, get_object_or_404
from django.core.paginator import Paginator
from .models import Listing

def listing(request, listings_id):
    listing = get_object_or_404(Listing, pk=listings_id)

    context = {
        'listing': listing
    }
    return render(request, 'listings/listing.html', context)

My listing.html

{% extends 'base.html' %}
{% load humanize %}
{% block content %}

<!-- Listing -->
  <section id="listing" class="py-4">
    <div class="container">
      <a href="{% url 'listings' %}" class="btn btn-light mb-4">Back To Listings</a>
      <div class="row">
        <div class="col-md-9">
          <!-- Home Main Image -->
          <img src="{{ listing.photo_main.url }}" alt="" class="img-main img-fluid mb-3">
          <!-- Thumbnails -->
          <div class="row mb-5 thumbs">
            <div class="col-md-2">
              <a href="{{ listing.photo_1.url }}" data-lightbox="home-images">
                <img src="{{ listing.photo_1.url }}" alt="" class="img-fluid">
              </a>
            </div>
            <div class="col-md-2">
              <a href="{{ listing.photo_2.url }}" data-lightbox="home-images">
                <img src="{{ listing.photo_2.url }}" alt="" class="img-fluid">
              </a>
            </div>
            <div class="col-md-2">
              <a href="{{ listing.photo_3.url }}" data-lightbox="home-images">
                <img src="{{ listing.photo_3.url }}" alt="" class="img-fluid">
              </a>
            </div>
            <div class="col-md-2">
              <a href="{{ listing.photo_4.url }}" data-lightbox="home-images">
                <img src="{{ listing.photo_4.url }}" alt="" class="img-fluid">
              </a>
            </div>
            <div class="col-md-2">
              <a href="{{ listing.photo_5.url }}" data-lightbox="home-images">
                <img src="{{ listing.photo_5.url }}" alt="" class="img-fluid">
              </a>
            </div>
            <div class="col-md-2">
              <a href="{{ listing.photo_6.url }}" data-lightbox="home-images">
                <img src="{{ listing.photo_6.url }}" alt="" class="img-fluid">
              </a>
            </div>
          </div>
        </div>
      </div>
     </section>
{% endblock %}

---

非常感谢你的帮助。谢谢大家!

在根URL中，尝试添加

静态（settings.MEDIA\u URL，document\u Root=settings.MEDIA\u Root）

• 例如：

---

首先检查你的代码，看看是否有错误发生。。？ 或 检查您的django项目，是否已添加

static/img/lightbox
    >close.png
    >loading.gif
    >next.png
    >pre.png

---

除非img文件灯箱正面有错误。

您是如何配置

媒体设置的？如果这是在本地运行的，您是否已将媒体url添加到您的url？您好@lain，谢谢您的回复。我的项目位于本地服务器上，我已将媒体设置添加到settings.py。我不知道它是否需要添加到任何URL文件中。请指定我需要用媒体URL更新的URL文件和媒体URL，好吗？非常感谢。
myproject
  >myproject
    >static
      >admin
      >css
        >lightbox.min.css
      >img
      >js
        >lightbox.min.js
  >myapp
  >manage.py


from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

static/img/lightbox
    >close.png
    >loading.gif
    >next.png
    >pre.png