Добрый день!
Задача стоит приблизительно следующая:
На странице есть 6 модальных окон, которые содержат большие и тяжелые изображения. Грузить их сразу нет никакого смысла, поэтому хочу подгружать их только при вызове модалки.
Модальное окно:
<div data-wow-delay="0.2s" class="grid_4 wow fadeInRight">
<div class="single_image" onclick="document.getElementById('win1').style.display='block';$('html,body').css('overflow','hidden');">
<img src="http://livedemo00.template-help.com/wt_55108/images/page-4_img01.jpg" alt="">
<div class="image_overlay">
<a href="">View Full Project</a>
<h2>drawing</h2>
<h4>with pencil colors</h4>
</div>
</div>
</div>
<div class="dm-overlay" id="win1" onclick="document.getElementById('win1').style.display='none';$('html,body').css('overflow','auto');">
<div class="dm-table">
<div class="dm-cell">
<div class="dm-modal cyan">
<a href="#close" class="close"></a>
<h3>Модальный блок №3 абсолютно по центру.(тест)</h3>
<img src="http://sdlweb.ru/img/09-Villa.jpg">
<p>Окно выводится строго по центру, тест</p>
</div>
</div>
</div>
</div>
Я новичок, сильно не ругайте!