Iframe Popup using jQuery

February 1, 2020 8:05 am by ATS Staff

test.php

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

<script>
  function show_images(link_id) {
    jQuery('#images_iframe').attr('src', 'images_iframe.php?link_id='+link_id);
    jQuery('#images_iframe').show();
  }
</script>

<a onclick="show_images(link_id)" href="#">Show All Images</a>

<iframe id="images_iframe" src="" style="left: 220px; top: 100px; display: none; position: fixed; width: 1200px; height: 700px; background-color: #fff;"></iframe>

images_iframe.php

<a style="float: right; text-decoration: none; font-family: Arial;" href="javascript: window.parent.document.getElementById('images_iframe').style.display='none'">X</a>

<!-- iframe code -->