Ответов: 2 Просмотров: 897
|
Доброго времени суток!
Есть модальное окно:
CODE ( htmlphp):
скопировать код в буфер обмена
<div class="row" id="ex" style="display: none;"> <div class="full_descr bounceInLeft animated"> <div class="col-md-6 left_block"> <div class="title txt_semibold"><span>Заголовок названия проекта</span></div> <img src="http://placehold.it/450x450" alt=""> </div> <div class="col-md-6 description txt_normal"> <p></p> <p><span class="txt_bold"></span></p> <p><span class="txt_bold"></span></p> <div class="buttons"> <a href="#" class="example_more">Подробнее</a> <a href="#" class="example_close">Закрыть</a> </div> </div> </div> </div>
Блок с ссылкой вызова модального окна:
CODE ( htmlphp):
скопировать код в буфер обмена
<div class="col-md-3 example_wrapper"> <div class="fill wow bounceInLeft animated"> <h3 class="txt_light">Название видео</h3> <a href="#" id="showEx" name="modal"><img src="https://thumb9.shutterstock.com/display_pic_with_logo/2403347/199425278/stock-vector-colored-flat-design-vector-illustration-icons-set-of-art-supplies-art-instruments-for-painting-199425278.jpg" alt=""></a> </div> </div>
Таких элементов на странице несколько, соответственно и модальных окон несколько. Как вызывать отдельно каждое модальное окно, для каждой отдельной ссылки, но чтобы не плодить id и class типа id="modal1", id="modal2" и т.д. И соответственно чтобы закрывались окна корректно. |