/** * @author leonardoleal */ var divElement = null; function createDivObj(){ divElement = document.createElement("div"); $(divElement).attr("id","litebox"); $(divElement).css("background-color","transparent"); $(divElement).css("background-image","url(/novosite/images/translucent.png)"); $(divElement).css("position","fixed"); $(divElement).css("z-index","1000"); $(divElement).css("display","none") $(divElement).css("text-align","center"); $(divElement).css("top","0"); $(divElement).css("left","0"); $(divElement).click(function(){ switchZoom(); }); $("body").append($(divElement)); } function adjustLayout(){ $(divElement).css("width","100%"); var layerHeight = $(window).height()+"px"; var topMargin = "100px"; $(divElement).css("height",layerHeight); $("#litebox img").css("margin-top",topMargin); } function switchZoom(strImgSrc){ var imageObj = document.createElement("img"); var msgObj = document.createElement("div"); $(msgObj).css("position","relative"); $(msgObj).css("color","#fff"); $(msgObj).css("font-weight","bold"); $(msgObj).css("font-size","14px"); $(msgObj).css("text-align","center"); $(msgObj).css("margin-top","-24px"); $(msgObj).html("Clique em qualquer lugar para fechar."); $(imageObj).attr("src",strImgSrc) $(imageObj).attr("style","border: 10px solid #000;padding: 2px;"); $(imageObj).css("border-bottom","28px solid #000"); if($(divElement).css("display") == "none"){ $(divElement).empty(); $(divElement).append($(imageObj)); $(divElement).append($(msgObj)); } adjustLayout(); $(divElement).toggle("fast"); } function launchLiteBox(){ createDivObj(); $("img.litebox").css("cursor","pointer"); $("img.litebox").click(function(){ switchZoom($(this).attr("src")); }); }