1) remove close button
2) extend the grey overlay to the document size
3) allow any keypress to close the fullize image
4) click on the fullsize will close
This commit is contained in:
Tim Almdal
2009-08-27 16:28:22 -07:00
committed by Bharat Mediratta
parent 93138f6ae7
commit 254feecd0a
+9 -5
View File
@@ -10,7 +10,7 @@
$("body").append('<div id="gFullsizeOverlay" class="ui-dialog-overlay" ' +
'style="border: none; margin: 0; padding: 0; background-color: #000; ' +
'position: absolute; top: 0px; left: 0px; ' +
'width: ' + size.width() + 'px; height: ' + size.height() + 'px;' +
'width: ' + width + 'px; height: ' + height + 'px;' +
' opacity: 0.7; filter: alpha(opacity=70);' +
'-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; ' +
'-moz-background-inline-policy: -moz-initial; z-index: 1001;"> </div>');
@@ -27,10 +27,14 @@
'<img id="gFullSizeImage" src="' + image_url + '"' +
'height="' + image_size.height + '" width="' + image_size.width + '"/></div>');
$("#gFullsize").append('<span id="gFullsizeClose" class="fg-button ui-icon ui-state-default ' +
'ui-icon-closethick ui-corner-all" style="z-index: 1003; position: absolute; ' +
'right: 1em; top: 1em;"></span>');
$("#gFullsizeClose").click(function() {
//$("#gFullsize").append('<span id="gFullsizeClose" class="fg-button ui-icon ui-state-default ' +
// 'ui-icon-closethick ui-corner-all" style="z-index: 1003; position: absolute; ' +
// 'right: 1em; top: 1em;"></span>');
$("#gFullsize").click(function() {
$("#gFullsizeOverlay*").remove();
$("#gFullsize").remove();
});
$().bind("keypress", function() {
$("#gFullsizeOverlay*").remove();
$("#gFullsize").remove();
});