Добрый день! Возникла проблема с скриптом пгинациии, дело в том что на localhost скрипт отрабатывает так как надо строит пагинацию сетку 4Х4 + переходы, но на боевом сервере каждый элемент (картинка) это отдельная страница. Что поправить ума не приложу!
Вот собственно скрипт
$(document).ready(function() {
(function($){
$.fn.extend({
MyPagination: function(options) {
var defaults = {
height: 0,
fadeSpeed: 0
};
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);
запускаю его так
$('#fraud').MyPagination({height: 2880, fadeSpeed: 0});
где я понял что height: 2880 - размер поля в котором размещаются элементы, а fadeSpeed: 0 - это эффект.
На страницу вывожу так
$(document).ready(function() {
//for....
});
подключен jQuery ver 2.1.1.min.js