Участник:Degit22:ru/common.js — различия между версиями

Версия 17:37, 25 июня 2015

/* добавляет структуру для просмотра увеличенных изображений без перехода на другую страницу */
function addImagePopupWindow() {
    $('body').append(
        '<div id="popupImageWindow"><table><tr><td style="vertical-align: middle;">'+
            '<div id="popupImageOverlay"></div>'+
            '<div id="popupImageWrapper">'+
                '<img id="popupImage" src="" />'+
                '<img src="//wikicdn.wargaming.net/images/b/bd/Close.png" class="closeBtn">'+
                '<a id="popupImageLeft" href="javascript:;">'+
                    '<span id="popupImageIcoLeft" class="popupImageIco"></span>'+
                '</a>'+
                '<a id="popupImageRight" href="javascript:;">'+
                    '<span id="popupImageIcoRight" class="popupImageIco"></span>'+
                '</a>'+
                '<div id="popupImageInfo"></div>'+
            '</div>'+
        '</td></tr></table></div>'+
        '<div id="popupImageButtons"><a id="openImageFile" href="javascript:;">Файл</a></div>'
    );
}

var gallersArray = [], // Массив галерей, в которых массив объектов (src, text, href)
    currentGalleryIndex = 0, currentImageIndex = 0;

/* Открывает картинку */
function setImage(indexGallery, indexImage) {
    currentGalleryIndex = indexGallery;
    currentImageIndex = indexImage;
    $('#popupImage').width('1px');
    $('#popupImage').height('1px');
    $('#popupImageOverlay').css('background-image', 'url('+imageLoaderUrl+')');
    $('#popupImage').attr('src', gallersArray[indexGallery][indexImage].src);
    $('#popupImageButtons a#openImageFile').attr('href', gallersArray[indexGallery][indexImage].href);
    $('#popupImageInfo').html(gallersArray[indexGallery][indexImage].text);
    if (gallersArray[indexGallery].length < indexImage + 2) { // Если нет следующей картинки убираем кнопку
        $('#popupImageRight').hide();
    } else {
        $('#popupImageRight').show();
    }
    if (indexImage - 1 < 0) { // Если нет предыдущей картинки убираем кнопку
        $('#popupImageLeft').hide();
    } else {
        $('#popupImageLeft').show();
    }
    $('#popupImageWrapper').hide();
    $('#popupImageWindow').show();
    $('#popupImageButtons').show();
}

/* добавляет функционал просмотра увеличенных изображений без перехода на другую страницу */
function addImagePopups() {
    addImagePopupWindow();

    // Для галерей
    $.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($('a.image').not($('.js-vehicles_by_types a.image')).not($('ul.gallery a.image')), function(index, value) {
        var indexGallery = gallersArray.length;
        gallersArray[indexGallery] = [];
        var Image = new Object();
        var srcStr = $(value).find('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;
        var titleStr = ''; //Подпись
        if ($(this).next('div.thumbcaption').length > 0) {
            titleStr = $(this).next('div.thumbcaption').text().trim();
        } else if($(this).parent().parent().parent().children('div.gallerytext').length > 0) {
            titleStr = $(this).parent().parent().parent().children('div.gallerytext').text().trim();
        }
        Image.text = titleStr;
        Image.href = $(value).attr('href');
        if (typeof Image.src !== 'undefined') {
            gallersArray[indexGallery][0] = Image;
            $(value).click(function(index) {
                setImage(indexGallery, 0);
                return false;
            });
        }
    });

    // После загрузки картинки показываем её
    $('#popupImage').load(function() {
        $('#popupImage').width('');
        $('#popupImage').height('');
        $(this).css('max-width', (self.innerWidth-100)+'px');
        $(this).css('max-height',(self.innerHeight-100)+'px');
        $('#popupImageOverlay').css('background-image', '');
        $('#popupImageWrapper').show();
    });

    //Закрыть попап кнопкой
    $('.closeBtn').click(function(index) {
        $('#popupImageWindow').hide();
        $('#popupImageButtons').hide();
        $('#popupImageButtons a').attr('href', '#');
        $('#popupImageInfo').text('');
        $('#popupImage').attr('src', '');
    });

    //Закрыть попап фоном
    $('#popupImageOverlay').click(function(index) {
        $('#popupImageWindow').hide();
        $('#popupImageButtons').hide();
        $('#popupImageButtons a').attr('href', '#');
        $('#popupImageInfo').text('');
        $('#popupImage').attr('src', '');
    });

    // Предыдущую картинку
    $('a#popupImageLeft').click(function(index) {
        setImage(currentGalleryIndex, currentImageIndex - 1);
    });

    // Следующую картинку
    $('a#popupImageRight').click(function(index) {
        setImage(currentGalleryIndex, currentImageIndex + 1);
    });
};