Показать сообщение отдельно
  #1 (permalink)  
Старый 02.06.2014, 15:18
Аспирант
Отправить личное сообщение для ArtemGavrilenko Посмотреть профиль Найти все сообщения от ArtemGavrilenko
 
Регистрация: 25.04.2014
Сообщений: 37

Скрипт пагинации
Добрый день! Нужна помощь в модификации скрипта.
Собственно вот он
(function($){
    $.fn.extend({
        MyPagination: function(options) {
        var defaults = {
                        height: 740,
                        fadeSpeed: 50
    };
    var options = $.extend(defaults, options);
    var objContent = $(this);
    var fullPages = new Array();
    var subPages = new Array();
    var height = 0;
    var lastPage = 1;
    var paginatePages;

    init = function() {
        objContent.children().each(function(i){
            if (height + this.clientHeight > options.height) {
                fullPages.push(subPages);
                subPages = new Array();
                height = 0;
            }
            height += this.clientHeight;
            subPages.push(this);
        });
        if (height > 0) {
            fullPages.push(subPages);
        }
        $(fullPages).wrap("<div class='page'></div>");
        objContent.children().hide();
        paginatePages = objContent.children();
        showPage(lastPage);
        showPagination($(paginatePages).length);
    };
    updateCounter = function(i) {
        $('#page_number').html(i);
    };
    showPage = function(page) {
        i = page - 1;
        if (paginatePages[i]) {
            $(paginatePages[lastPage]).fadeOut(options.fadeSpeed);
            lastPage = i;
            $(paginatePages[lastPage]).fadeIn(options.fadeSpeed);
            updateCounter(page);
        }
    };
    showPagination = function(numPages) {
        var pagins = '';
        for (var i = 1; i <= numPages; i++) {
            pagins += '<li><a href="#" onclick="showPage(' + i + '); return false;">' + i + '</a></li>';
        }
        $('.pagination li:first-child').after(pagins);
    };
    init();
    $('.pagination #prev').click(function() {
        showPage(lastPage);
    });
    $('.pagination #next').click(function() {
        showPage(lastPage+2);
    });
}
});
})(jQuery);

var img = [1012, 1013, 1043, 1048, 105, 106, 1062, 1068, 108, 1116, 113, 1163, 1171, 118, 1190, 1196,
                    1208, 127, 129, 136, 1472, 1473, 1474, 1478, 1479, 1480, 1490, 1491, 1492, 1494, 1495, 1497,
                    1498, 1508, 152, 1583, 1585, 1586, 1587, 1720, 1736, 1743, 1755, 1774, 1784, 1785, 1786
                ];


window.onload = function() {
                    var c = document.getElementById('content');
                    for(var i = 0; i < img.length; i++){
                        var div = document.createElement('div');
                        div.setAttribute('class', 'block');
                        div.innerHTML = '<div class="img">\
                              <img src="/img/' + img[i] + '.jpg" />\
                              </li>\
                              c.appendChild(div);
                    }
                    $('#content').MyPagination({height: 740, fadeSpeed: 50});
                }

Скрипт строит пагинацию так как надо, но отображает всего по 4 картинки, я ожидал 16
крутил крутил ничего толкового, описание функции к сожелению нет
Ответить с цитированием