fancy box using in simple

<!-- Add jQuery library -->
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>


<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="../js/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery.fancybox.css" />
   
<script type="text/javascript">
$(document).ready(function() {
/* *  Simple image gallery. Uses default settings */
$('.fancybox').fancybox();
/* *  Open manually */
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
});
});

});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>

in div :

class="fancybox fancybox.iframe"

example:

<a class="fancybox fancybox.iframe" href="app_delete.php?name=<?php echo  $row['app_name'];  ?>">Delete</a>