diff --git a/common/css/default.css b/common/css/default.css index beedc94a4..edae4fc63 100644 --- a/common/css/default.css +++ b/common/css/default.css @@ -90,7 +90,6 @@ h6 { #fororiginalimagearea { visibility:hidden; - background-color:#EEEEEE; padding:0px; margin:0px; width:100%; @@ -98,11 +97,25 @@ h6 { top:0px; left:0px; position:absolute; - z-index:1001; + z-index:1000; text-align:left; overflow:hidden; } +#fororiginalimage { + z-index:1002; +} + +#fororiginalimageareabg { + z-index:1001; + background-color:#000000; + width:100%; + height:100%; + top:0px; + left:0px; + position:relative; +} + #closeOriginalImageBtn { position:absolute; right:10px; @@ -111,7 +124,7 @@ h6 { width:60px; height:20px; border:1px solid #FFFFFF; - z-index:1002; + z-index:1003; } #membermenuarea { diff --git a/common/js/common.js b/common/js/common.js index 2a92f8183..d6b508bc2 100644 --- a/common/js/common.js +++ b/common/js/common.js @@ -253,6 +253,13 @@ function showOriginalImage(evt) { orig_image.style.margin = "0px 0px 0px 0px"; orig_image.style.cursor = "pointer"; orig_image.src = src; + orig_image.style.opacity = 1; + orig_image.style.filter = 'alpha(opacity=100)'; + + var areabg = xGetElementById("fororiginalimageareabg"); + areabg.style.opacity = 0.95; + areabg.style.filter = 'alpha(opacity=95)'; + areabg.style.visibility = "visible"; var area = xGetElementById("fororiginalimagearea"); @@ -275,6 +282,9 @@ function showOriginalImage(evt) { xLeft(orig_image, x); xTop(orig_image, y); + var sel_list = xGetElementsByTagName("select"); + for (var i = 0; i < sel_list.length; ++i) sel_list[i].style.visibility = "hidden"; + xAddEventListener(orig_image, "mousedown", origImageDragEnable); xAddEventListener(window, "scroll", closeOriginalImage); xAddEventListener(window, "resize", closeOriginalImage); @@ -287,6 +297,10 @@ function closeOriginalImage(evt) { var area = xGetElementById("fororiginalimagearea"); if(area.style.visibility != "visible") return; area.style.visibility = "hidden"; + xGetElementById("fororiginalimageareabg").style.visibility = "hidden"; + + var sel_list = xGetElementsByTagName("select"); + for (var i = 0; i < sel_list.length; ++i) sel_list[i].style.visibility = "visible"; xRemoveEventListener(area, "mousedown", closeOriginalImage); xRemoveEventListener(window, "scroll", closeOriginalImage); diff --git a/common/tpl/common_layout.html b/common/tpl/common_layout.html index b36440733..175e5b806 100644 --- a/common/tpl/common_layout.html +++ b/common/tpl/common_layout.html @@ -25,8 +25,9 @@ {Context::getHtmlFooter()}
+
+