Привет кодерам) бьюсь 2 сутки над проблемой облазил все просторы подскажите направление решения проблемы)
Есть лэндинг на нем 15 превью по клику через модальное окно arctic.modal вызывается другое тяжелое изображение. Структуру html прописал так что браузер с самого начала грузит все 15 скрытых тяжелых фулл изображений, как сделать загрузку в модальном окне только по вызову?
Вот пример структуры:
<div class="color-1">
<div class="hide"><a class="md-trigger" href="#modal" onclick="$('#color-1').arcticmodal()"><img src="images/color-1.jpg" alt=""></a></div>
<div class="color-info"> </div>
А это уже вызов фулл изображения
<div class="pop-up-img md-effect-16 box-modal" id="color-1">
<span class="modal_close box-modal_close arcticmodal-close"></span>
<div class="color-info">
<h3>ТЕКСТ<br />текст<br />текст</h3> </div>
<img class="lazy" src="images/full-1.jpg" alt=""> </div>