이미지 모달 창으로 보여주기

<script type="text/javascript" src="/js/jquery.blockUI.js"></script>

<script>

 

 

function img_pop_close()

{

 

$.unblockUI();

//setTimeout($.unblockUI, 1000);

};

 

 

$(function()

{

 

 

$('#img_pop_view').click(function(i)

{

 

var img_name = $(this).attr('src');

// alert(img_name);

 

$.blockUI(

{

 

message: '<img src="'+img_name+'" /  id="img_close"  onclick="img_pop_close()" style="cursor:pointer"></div> ',

fadeIn: 700, 

            fadeOut: 700, 

//onOverlayClick: $.unblockUI, 

//blockMsgClass: 'PhotoAdd',

css: { 

    position: 'absolute',

                top:  320 + 'px', 

                left: ($(window).width()-900) /2 + 'px', 

               width: '1000px' 

            } 

});

setTimeout($.unblockUI, 50000);

});

 

});

 

</script>