Версия 05:27, 24 июня 2015 | | Текущая версия на 07:42, 21 августа 2022 Полностью удалено содержимое страницы |
не показаны 123 промежуточные версии этого же участника |
Строка 1: | | Строка 1: |
? | /* добавляет структуру для просмотра увеличенных изображений без перехода на другую страницу */ | | |
? | function addImagePopupWindow2() { | | |
? | $('body').append('<div id="popupImageWindow2"><table><tr><td style="vertical-align: middle;">'+ | | |
? | '<div id="popupImage-overlay" style="background-color: rgb(119, 119, 119); background-repeat: no-repeat; background-position: center; opacity: 0.7; cursor: pointer; height: 100%; width: 100%; display: block; position: absolute; left: 0px; top: 0px;"></div>'+ | | |
? | '<div id="popupImageWrapper2" style="position: relative; display: inline-block;">'+ | | |
? | '<img id="popupImage2" 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"></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"></span>'+ | | |
? | '</a>'+ | | |
? | '<div id="popupImageInfo2"></div></div>'+ | | |
? | '</td></tr></table></div>'+ | | |
? | '<div id="popupImageButtons2"><a id="openImageFile" href="javascript:;">Файл</a></div>'); | | |
? | } | | |
| | | | |
? | var gallersArray = [], currentGalleryIndex = 0, currentImageIndex = 0; | | |
? | | | |
? | function setImage(indexGallery, indexImage) { | | |
? | if (gallersArray[indexGallery].length < indexImage + 1 || indexImage < 0) { | | |
? | return false; | | |
? | } | | |
? | currentGalleryIndex = indexGallery; | | |
? | currentImageIndex = indexImage; | | |
? | $('#popupImage2').width('1px'); | | |
? | $('#popupImage2').height('1px'); | | |
? | $('#popupImage-overlay').css('background-image', 'url('+imageLoaderUrl+')'); | | |
? | $('#popupImage2').attr('src', gallersArray[indexGallery][indexImage].src); | | |
? | $('#popupImageButtons2 a#openImageFile').attr('href', gallersArray[indexGallery][indexImage].href); | | |
? | $('#popupImageInfo2').html(gallersArray[indexGallery][indexImage].text); | | |
? | if (gallersArray[indexGallery].length < indexImage + 2) { | | |
? | $('#popupImage-right').hide(); | | |
? | } else { | | |
? | $('#popupImage-right').show(); | | |
? | } | | |
? | if (indexImage - 1 < 0) { | | |
? | $('#popupImage-left').hide(); | | |
? | } else { | | |
? | $('#popupImage-left').show(); | | |
? | } | | |
? | $('#popupImageWrapper2').hide(); | | |
? | $('#popupImageWindow2').show(); | | |
? | $('#popupImageButtons2').show(); | | |
? | } | | |
? | | | |
? | /* добавляет функционал просмотра увеличенных изображений без перехода на другую страницу */ | | |
? | function addImagePopups2() { | | |
? | addImagePopupWindow2(); | | |
? | $('a.image').unbind('click'); //////////////////////// | | |
? | | | |
? | // Для галерей | | |
? | $.each($('ul.gallery'), function(indexGallery, valueGallery) { | | |
? | gallersArray[indexGallery] = []; | | |
? | $.each($(valueGallery).find('li.gallerybox'), function(indexImage, valueImage) { | | |
? | var Image = new Object(); | | |
? | var srcStr = $(valueImage).find('a.image img').attr('src'); | | |
? | if (typeof srcStr !== 'undefined') { | | |
? | if (srcStr.indexOf('thumb/')+1 > 0) { | | |
? | srcStr = srcStr.replace(/thumb\//gi, ''); | | |
? | srcStr = srcStr.substring(0, srcStr.lastIndexOf("/")); | | |
? | } | | |
? | } | | |
? | Image.src = srcStr; | | |
? | Image.text = $(valueImage).find('div.gallerytext').text().trim(); | | |
? | Image.href = $(valueImage).find('a.image').attr('href'); | | |
? | if (typeof Image.src !== 'undefined') { | | |
? | gallersArray[indexGallery][indexImage] = Image; | | |
? | $(valueImage).find('a.image').click(function(index) { | | |
? | setImage(indexGallery, indexImage); | | |
? | return false; | | |
? | }); | | |
? | } | | |
? | }); | | |
? | }); | | |
? | // Для одиночных эскизров | | |
? | $.each($('div.thumb div.thumbinner'), function(indexGallery, value) { | | |
? | var indexGallery = gallersArray.length; | | |
? | gallersArray[indexGallery] = []; | | |
? | var Image = new Object(); | | |
? | var srcStr = $(value).find('a.image img.thumbimage').attr('src'); | | |
? | if (typeof srcStr !== 'undefined') { | | |
? | if (srcStr.indexOf('thumb/')+1 > 0) { | | |
? | srcStr = srcStr.replace(/thumb\//gi, ''); | | |
? | srcStr = srcStr.substring(0, srcStr.lastIndexOf("/")); | | |
? | } | | |
? | } | | |
? | Image.src = srcStr; | | |
? | Image.text = $(value).find('div.thumbcaption').text().trim(); | | |
? | Image.href = $(value).find('a.image').attr('href'); | | |
? | if (typeof Image.src !== 'undefined') { | | |
? | gallersArray[indexGallery][0] = Image; | | |
? | $(value).find('a.image').click(function(index) { | | |
? | setImage(indexGallery, 0); | | |
? | return false; | | |
? | }); | | |
? | } | | |
? | }); | | |
? | | | |
? | // После загрузки картинки показываем её | | |
? | $('#popupImage2').load(function() { | | |
? | $('#popupImage2').width(''); | | |
? | $('#popupImage2').height(''); | | |
? | $(this).css('max-width', (self.innerWidth-100)+'px'); | | |
? | $(this).css('max-height',(self.innerHeight-100)+'px'); | | |
? | $('#popupImage-overlay').css('background-image', ''); | | |
? | $('#popupImageWrapper2').show(); | | |
? | }); | | |
? | | | |
? | //Закрыть попап кнопкой | | |
? | $('.closeBtn').click(function(index) { | | |
? | $('#popupImageWindow2').hide(); | | |
? | $('#popupImageButtons2').hide(); | | |
? | $('#popupImageButtons2 a').attr('href', '#'); | | |
? | $('#popupImageInfo2').text(''); | | |
? | $('#popupImage2').attr('src', ''); | | |
? | }); | | |
? | | | |
? | //Закрыть попап фоном | | |
? | $('#popupImage-overlay').click(function(index) { | | |
? | $('#popupImageWindow2').hide(); | | |
? | $('#popupImageButtons2').hide(); | | |
? | $('#popupImageButtons2 a').attr('href', '#'); | | |
? | $('#popupImageInfo2').text(''); | | |
? | $('#popupImage2').attr('src', ''); | | |
? | }); | | |
? | | | |
? | $('a#popupImage-left').click(function(index) { | | |
? | setImage(currentGalleryIndex, currentImageIndex - 1); | | |
? | }); | | |
? | | | |
? | $('a#popupImage-right').click(function(index) { | | |
? | setImage(currentGalleryIndex, currentImageIndex + 1); | | |
? | }); | | |
? | }; | | |
? | | | |
? | $(document).ready(function(){ | | |
? | setTimeout(addImagePopups2, 0); | | |
? | }); | | |