Вот решил попробовать сделать так но безрезультатно, что не так в этой конструкции?
<script src="//code.internetrange.com/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
id = $(this.element).attr('rel');
$('a.btn-ok, #dialog-overlay, #dialog-btn').click(function () {
$('#dialog-overlay, #dialog-box').hide();
return false;
});
$(window).resize(function () {
if (!$('#dialog-box').is(':hidden')) popup();
});
});
function popup(message) {
var maskHeight = $(document).height();
var maskWidth = $(window).width();
var dialogTop = (maskHeight/3) - ($('#dialog-box').height());
var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);
$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();
$('#dialog-message').html(message);
}
</script>
<div id="dialog-box" style="display:none;">
<a href="#" id="dialog-btn" title="Закрыть окно">x</a>
<div class="dialog-content" style="padding: 20px;">
<div id="dialog-message" align="center">
<script>document.write('<img src='id'>')</script>
</div>
</div>
</div>
<a href="#" rel="98.png" onclick="popup()">98.png</a>