Это проект на django. Я пытаюсь получить изображение карусели из базы данных, но она показывает только одно изображение и слайдер не меняется.

00

Я пытаюсь сделать карусельный слайдер. Картинка поступает из базы данных и затем отображается на фронтенде слайдера. Но картинка отображается, но создается новый слайдер, и когда я перехожу к следующему слайду, он показывает ту же самую картинку. Что делать?

Я пытаюсь сделать карусельный слайдер. Картинка поступает из базы данных и затем отображается на фронтенде слайдера. Но картинка отображается, но создается новый слайдер, и когда я перехожу к следующему слайду, он показывает ту же самую картинку. Что делать?

my Url.py

from django.urls import path
from . import views

urlpatterns = [
    path('',views.home, name='home'),
]

views.py

from django.shortcuts import render
from .models import Products, About, Slider, Team

# Create your views here.
def home(request):
    slider = Slider.objects.all()
    
    return render(request, 'index.html', {'slider':slider})

index.html

<!-- slider -->
      <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
        </div>
        <div class="carousel-inner">
          **{% for s in slider %}
          <div class="carousel-item active">
            <img src="{{ s.image.url }}" class="d-block w-100" alt="...">
            <div class="carousel-caption d-none d-md-block">
              <h5 class="fw-bolder fs-2">{{ s.Title }}</h5>
              <p class="fw-bolder fs-6">{{ s.Description }}</p>
            </div>
          </div>
          {% endfor %}**
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
    <!-- end slider -->

пожалуйста, помогите мне решить мою проблему.

Вернуться на верх