модальное окно, добавить несколько фотографий и текста при открытии окна
<div class="project__item">
<div class="subblock jeffSchlarb" data-toggle="modal" data-target="#modalWindows">
<span class="tittle_text">this is text</span>
</div>
</div>
<div class="project__item">
<div class="subblock pavelMasalov" data-toggle="modal" data-target="#modalWindows">
<span class="tittle_text">this is text</span>
</div>
</div>
<section class="modal fade" id="modalWindows" tabindex="-1" role="dialog" aria-labelledby="modalWindowsTitle" aria-hidden="true">
<div class="modal-dialog " role="document">
<div class="modal-content">
<div class="modal-header">
<button class="close myBtn" data-dismiss="modal" aria-label="Close">X</button>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-8">
<div class="modal__image"></div>
</div>
<div class="col-md-4">
<article class="modal__content"></article>
</div>
</div>
</div>
</div>
</div>
</section>
let modal__image = document.querySelector('.modal__image')
let modal__content = document.querySelector('.modal__content')
let jeffSchlarb = document.querySelector('.jeffSchlarb')
let jeffSchlarb_TEXT = 'много всякого текста для jeffSchlarb'
let jeffSchlarb = document.querySelector('.pavelMasalov')
let pavelMasalov_TEXT = 'так-же много всякого текста для pavelMasalov'
jeffSchlarb.addEventListener('click', e => {
//создоем элементы
let img = document.createElement('IMG')
let content = document.createElement('p')
// пут и внутреннее
img.src = "../images/bg/01.jpg"
content.innerHTML = jeffSchlarb_TEXT
// добавляем в блоки
modal__image.append(img)
modal__content.append(content)
});
pavelMasalov.addEventListener('click', e => {
//создоем элементы
let img = document.createElement('IMG')
let content = document.createElement('p')
// пут и внутреннее
img.src = "../images/pavel/01.jpg"
content.innerHTML = pavelMasalov_TEXT
// добавляем в блоки
modal__image.append(img)
modal__content.append(content)
});
как сделать так, чтоб при открытии модального окна добавлялась не одно фотография а 2-5 фото ? так же при повторном открытии не дублировалась информация