Версия 12:35, 19 июня 2015 | | Версия 13:01, 19 июня 2015 |
Строка 2: | | Строка 2: |
| function addImagePopupWindow() { | | | function addImagePopupWindow() { |
| $('body').append('<div id="popupImageWindow"><table><tr><td style="vertical-align: middle;">'+ | | | $('body').append('<div id="popupImageWindow"><table><tr><td style="vertical-align: middle;">'+ |
? | '<div id="popupImageWrapper" style=" position: relative;">'+ | | + | '<div id="popupImageWrapper" style="position: relative; display: inline-block;">'+ |
| '<img id="popupImage" src="" /><img src="//wikicdn.wargaming.net/images/b/bd/Close.png" class="closeBtn">'+ | | | '<img id="popupImage" src="" /><img src="//wikicdn.wargaming.net/images/b/bd/Close.png" class="closeBtn">'+ |
? | '<a id="popupImage-left" href="javascript:;" style="display: inline;"><span id="popupImage-left-ico"></span></a>'+ | | + | '<a style="display: inline; width: 35%; left: 0px; position: absolute; height: 100%; top: 0px;" href="javascript:;" id="popupImage-left">'+ |
? | '<a id="popupImage-right" href="javascript:;" style="display: inline;"><span id="popupImage-right-ico"></span></a>'+ | | + | '<span id="popupImage-left-ico" style="cursor: pointer; top: 50%; position: absolute; left: 20px;"></span>'+ |
| | + | '</a>'+ |
| | + | '<a style="display: inline; width: 35%; right: 0px; position: absolute; height: 100%; top: 0px;" href="javascript:;" id="popupImage-right">'+ |
| | + | '<span id="popupImage-right-ico" style="cursor: pointer; top: 50%; position: absolute; right: 20px;"></span>'+ |
| | + | '</a>'+ |
| '<div id="popupImageInfo"></div></div>'+ | | | '<div id="popupImageInfo"></div></div>'+ |
| '</td></tr></table></div>'+ | | | '</td></tr></table></div>'+ |
| '<div id="popupImageButtons"><a id="openImageFile" href="#">Файл</a></div>'); | | | '<div id="popupImageButtons"><a id="openImageFile" href="#">Файл</a></div>'); |
| } | | | } |
Версия 13:01, 19 июня 2015
/* добавляет структуру для просмотра увеличенных изображений без перехода на другую страницу */
function addImagePopupWindow() {
$('body').append('<div id="popupImageWindow"><table><tr><td style="vertical-align: middle;">'+
'<div id="popupImageWrapper" style="position: relative; display: inline-block;">'+
'<img id="popupImage" src="" /><img src="//wikicdn.wargaming.net/images/b/bd/Close.png" class="closeBtn">'+
'<a style="display: inline; width: 35%; left: 0px; position: absolute; height: 100%; top: 0px;" href="javascript:;" id="popupImage-left">'+
'<span id="popupImage-left-ico" style="cursor: pointer; top: 50%; position: absolute; left: 20px;"></span>'+
'</a>'+
'<a style="display: inline; width: 35%; right: 0px; position: absolute; height: 100%; top: 0px;" href="javascript:;" id="popupImage-right">'+
'<span id="popupImage-right-ico" style="cursor: pointer; top: 50%; position: absolute; right: 20px;"></span>'+
'</a>'+
'<div id="popupImageInfo"></div></div>'+
'</td></tr></table></div>'+
'<div id="popupImageButtons"><a id="openImageFile" href="#">Файл</a></div>');
}