Скрипт пагинации
Добрый день! Нужна помощь в модификации скрипта.
Собственно вот он (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:( крутил крутил ничего толкового, описание функции к сожелению нет |
Решил! :victory:
|
Часовой пояс GMT +3, время: 23:45. |