Embed for PurplePower – tryouts

Iframe 01 code

<script type='text/javascript' charset='utf-8'> 
var iframe = document.createElement('iframe'); 
document.body.appendChild(iframe);
iframe.src = 'https://purplepower.is/wp-content/uploads/2021/11/pp-base02ROUND.jpg'; 
iframe.width = '320';
iframe.height = '190';
iframe.top = '0';
iframe.left = '0';
iframe.overflow = 'hide';
iframe.link = 'https://purplepower.is/videos/logo-and-embed/';
</script>

Iframe 02 code

<div id="contentframe" style="top: 160px; left: 0px;">
<iframe src="http://stackoverflow.com" 
style="height:100%;width:100%;position:absolute;top:0px;bottom:0px;">&lt;/div&gt;
</iframe>
</div>

Code references:

• https://stackoverflow.com/questions/15587823/iframe-positioning
• https://stackoverflow.com/questions/10210774/positioning-content-of-an-iframe-within-a-containing-div
• https://blog.theodo.com/2018/01/responsive-iframes-css-trick/

One problem… the image (or iframe) would need to have a link
can this be added in the iFrame code?

Iframe 02

Iframe 03