Настройка галереи в усилителе лайтбокса с Django - PullRequest
Новая
       56

Настройка галереи в усилителе лайтбокса с Django

0 голосов
/ 26 октября 2019

Я работал над проектом с Django на сервере и amp на сервере;хотя у меня возникают некоторые проблемы с привязкой обоих тегов, таких как lightbox.

, я хотел бы получить список первых изображений на странице своего продукта (я это сделал) и щелкнуть на изображенииотображает другие изображения этого объекта на lightbox, не переходя к подробному шаблону.

Весь проект обновляется на GitHub по адресу: https://github.com/lucasrf27/dealership

Это ampкод, который я пытаюсь. Я пробую это на test.amp.html, кроме того, на моей категории. (шаблон продукта) 

<body>
    <h1>lucas</h1>
    <div>
        {% for v in veiculos %}
        <h1>{{v.modelo}}</h1>
        <amp-img lightbox="cars" src="{{ v.first_image.imagem.url }}" width="" height="" layout="fill" alt="{{v.modelo}}">
            <amp-carousel lightbox="cars" width="350" height="350" type="slides">
    <div>
        {% for v in veiculos %}
        <h1>{{v.modelo}}</h1>
        <amp-img lightbox="cars" src="{{ v.first_image.imagem.url }}" width="300" height="400" alt="{{v.modelo}}">
            <amp-carousel lightbox="cars" width="350" height="350" type="slides">
                {% for p in veiculos.images.all %}
                <amp-img lightbox="cars" src="{{p.imagem.url}}" width="" height="" layout="fill" alt="{{v.modelo}}"></amp-img>
                {% endfor %}
            </amp-carousel>
        </amp-img>
        {% endfor %}
    </div>
            </amp-carousel>
        </amp-img>
        {% endfor %}
    </div>
    <!-- These will belong to a different lightbox gallery -->
    <div>
        <amp-img lightbox="another" src="image3.jpg" width="400" height="300" layout="responsive"></amp-img>
        <amp-img lightbox="another" src="image4.jpg" width="400" height="300" layout="responsive"></amp-img>
    </div>

Когда я открываю изображения с lightbox по новому URL,

, я получаю это: http://127.0.0.1:8000/veicles/image3.jpg (404)

Однако изображение в этом: http://127.0.0.1:8000/media/veiculos_imagens/bugat-logo-whatsapp-fundo-transparente3.png

Есть ли что-то вроде media_prefix или что-то в этом роде?

1 Ответ

0 голосов
/ 27 октября 2019

Я получил результаты глупым путем. помимо установки в моих представлениях или шаблоне установки объекта в функции, как я это делал в first_image, но для второго и двух других это выглядит так: 

template
<body>
    <h1>lucas</h1>
    {% for v in veiculos %}
    <amp-carousel lightbox width="1600" height="900" layout="responsive" type="slides">
        <amp-img src="{{v.first_image.imagem.url}}" width="200" height="100"></amp-img>
        <amp-img src="{{v.second_image.imagem.url}}" width="200" height="100"></amp-img>
    </amp-carousel>
    {% endfor %}

модели: 

    def first_image(self):
        return self.images.first()  

    def second_image(self):
        return self.images.all()[1]

если кто-то в будущем не понимает проект, попытайтесь получить доступ: https://github.com/lucasrf27/dealership

...