Задать вопрос
@blazer05

Как выводить динамически картинки в модальном окне?

Здравствуйте.
Есть код в котором есть модальное окно в которое выводятся динамически картинки. Все работает картинки выводятся, но только они все выводятся в модальном окне. Т.е. если клацнуть по картинке в одном посте, то открывается и картинка со второго и т.д. постов. Как сделать, что при клике по картинке она открывалась одна для текущего поста?
{% if rev.image %}
                            <div class="review-block-description">
                                <a href="#" data-toggle="modal" data-target=".dialog1">
                                    <img id="blah" src="{{ rev.image.url }}" width="250" class="img-responsive img-rounded" alt="your image" />
                                </a>
                                <!--  Modal content for Image -->
                                <div class="modal fade dialog1" tabindex="-1">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                                                <h4 class="modal-title" id="myLargeModalLabel-1">...</h4>
                                            </div>
                                            <div class="modal-body active">
                                                <img src="{{ rev.image.url }}" class="img-responsive img-rounded center-block" alt="" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                {% else %}
                                <img src="{% static 'info/reviews/150.png' %}" alt="no foto" title="no image">
                            {% endif %}
  • Вопрос задан
  • 122 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
dimonchik2013
@dimonchik2013
non progredi est regredi
у ссылок уникальные имена классов
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@blazer05 Автор вопроса
В общем сделал так
<a href="#" data-toggle="modal" data-target=".dialog{{ forloop.counter }}">

и в модальном окне
<div class="modal fade dialog{{ forloop.counter }}" tabindex="-1">

все заработало!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы