Загрузка ссылки по клику в модальном окне. Нужна помощь
 

Здравствуйте. На сайте несколько ифреймов с содержанием других страниц которые отображаются в модальных окнах.
Суть проблемы в том что эти все сайты загружаются до клика по ссылке, тем самым очень замедляет загрузку основного сайта.
Задача в том чтобы предотвратить загрузку сайтов в ифреймах до клика по ссылке.
Читал что как вариант не назначать у ифрейма src, а только после клика, но я не так давно изучаю HTML и практически не знаю JS, помогите реализовать.
Собственно часть кода которая имеется на сайте:
https://jsfiddle.net/JustSmi1e/99q9Lhh1/

Как вариант...

<div>
	<button onclick='test();'>Load</button>
</div>
<iframe id='test'></iframe>
<script type='text/javascript'>
function test(){
	document.getElementById('test').src='http://javascript.ru/forum/jquery/66799-zagruzka-ssylki-po-kliku-v-modalnom-okne-nuzhna-pomoshh.html';
};
</script>

ksa,
Спасибо огромное, наставил нуба на путь истинный :) Получилось то чего хотел.
правда кнопку по своему немного сделал, не уверен что совсем правильно, но главное работает))
<a href="#modal2" onclick='test();' class="open_modal">Посмотреть</a>