Question

急急急急急！求JS大神帮下忙。

这是一段仿QQ空间相册浏览效果的代码（就是有很多小图片然后任意点击一张，会在本页面放大。）放大过后但是没有关闭按钮，求大神帮忙在图片右上角加一个关闭按钮。

(function($){
$.fn.getContent = function(photoid,photopageid){
$("#photoloading").show();
$("img#photopic").remove();

$.ajax({
type: "POST",
url:PDV_RP+"photo/post.php",
data: "act=getcontent&photopageid="+photopageid+"&photoid="+photoid+"&RP="+PDV_RP,
success: function(msg){

$("body").append("<img id='photopic' class='photopic' src='"+PDV_RP+msg+"'>");

$("img#photopic").load(function(){
var w=$("img#photopic")[0].offsetWidth;
if(w>600){$("img#photopic")[0].style.width="600px";}
$("#photoloading").hide();
$("img#photopic").appendTo($("#photoview"));
$().setBg();
});
$("img#photopic").click(function(){

$("body").append("<img id='pre' src='"+$("img#photopic")[0].src+"'>");

$.blockUI({
message: "<img src='"+$("img#photopic")[0].src+"' class='closeit'>",
css: {
top: ($(window).height() - $("#pre")[0].offsetHeight) /2 + 'px',
left: ($(window).width() - $("#pre")[0].offsetWidth/2) /2 + 'px',
width: $("#pre")[0].offsetWidth + 'px',
backgroundColor: '#fff',
borderWidth:'3px',
borderColor:'#fff'
}
});
$("#pre").remove();
$(".closeit").click(function(){
$.unblockUI();
});
});
}
});
};
})(jQuery);

小弟财富值只有55了 ，希望大神笑纳。
对了这个是 jquery 代码。！！！

Answer 1

$.blockUI({  
       message: "<img  src='"+$("img#photopic")[0].src+"'><span class="closeit">X</span>",  
       css: {  
        top:  ($(window).height() - $("#pre")[0].offsetHeight) /2 + 'px', 
        left: ($(window).width() - $("#pre")[0].offsetWidth/2) /2 + 'px', 
        width: $("#pre")[0].offsetWidth + 'px',
        backgroundColor: '#fff',
        borderWidth:'3px',
        borderColor:'#fff'
       }  
      }); 
      $("#pre").remove();      
      $(".closeit").click(function(){
       $.unblockUI(); 
      });

message里加个<span class="closeit">X</span>，然后可以写css让它出来想要的效果