Cara membuat modal box dengan gambar

Biasa nya dalam membuat modal box,berisikan text,kali ini saya akan memberikan tutorial cara membuat modal box dengan gambar di dalam nya,tentu saja dengan efek overflay yang akan membuat tampilan blog menjadi gelap,demo nya silahkan lihat gambar di bawah ini

<div id='zynationbanner' style='display:none;z-index:+1000;position:fixed!important;position:relative;top:100px;left:50%;width:700px;margin-left:-350px;'>
<div style='background:#000;opacity:.6;position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;'></div>
<a style='font-size:20px;background:‪#‎fff‬;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.14);cursor:pointer;display:inline-block;padding:2px 9px;text-align:center;font-family:arial,sans-serif;position:absolute;top:-15px;right:-20px;'>&#215;</a>
<a href='http://www.zynationdesign.net/' target='_blank'><img alt='klik disini' class='tooltip' src='http://67.media.tumblr.com/2cf5b53f5237fccbdbee4c973fd408ec/tumblr_inline_njfipoJaJ31qb4fo5.jpg' style='border:4px solid white;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.20);width:700px;height:400px;'/></a>
</div>
<script>
//<![CDATA[
$(document).ready(function() {
$('‪#‎zynationbanner‬').delay('2000').fadeIn('500');
$('#zynationbanner').click(function() {
$('#zynationbanner').fadeOut('500');
});
});
//]]>
</script>

2. Ganti url img nya dan link nya,save

sekian dulu postingan kali ini