How do I set this up so that the iframe doesn't load until the object is clicked on?

How do I set this up so that the iframe doesn’t load until the object is clicked on?

or so that the [src="http://] doesn’t connect until the object is clicked on.

or so nothing loads, no links, nothing until the object is clicked on.

or How do I prevent everything from not loading behind the object until it’s clicked on.

or, How do I prevent certain links from loading behind the object until it’s clicked on.

<div style="cursor: pointer;display:block; width: 256px; height: 256px; background-color:#000000; border: 5px solid #0059dd;">
</div></div>

<div id="myscroll" style="display: none;">

<iframe src="http://testblog45675.blogspot.com/" height="266" width="266"
scrolling="yes" frameborder="0" style=" display:block;" marginwidth="0" marginheight="0"></iframe>

</div>