pagination
以下に示すように、画像をアップロードし、新しいものdiv
を使用して新しいものを作成し、最初のページとしてid's
与えることにより、それらをコンテナーに追加しようとしています。class
current
新しいページに変更すると、アクティブなクラスを現在のページから削除し、選択したページに追加します。
inactive
クラス「現在」を持たないすべてのページを削除する方法を知りたい
これが私のコードです:
<script type="text/javascript">
var imagesPerPage = 4, pageNumber = 1;
function onAjaxSucceded(data) {
var pagesContainer = $('#pagesContainer'),
imagesInPage = 0,
divPage = $("#p1");
$.each(data.result, function(index, file) {
if (imagesInPage >= imagesPerPage) {
imagesInPage = 1;
pageNumber += 1;
divPage = $('<div/>', {id : "p" + pageNumber}).addClass('pagedemo').hide().appendTo(pagesContainer);
} else {
imagesInPage += 1;
}
var src = 'Uploads/' + file.name;
$('<img>', {src: src, href: src, "class": 'LoadclickImage', align: 'left'}).appendTo(divPage);
});
$("#demo5").paginate({
count: pageNumber,
start: 1,
display: Math.min(7, pageNumber),
border: true,
border_color: '#fff',
text_color: '#fff',
background_color: 'black',
border_hover_color: '#ccc',
text_hover_color: '#000',
background_hover_color: '#fff',
images: false,
mouse: 'press',
onChange: function(page) {
$('#paginationdemo ._current').removeClass('_current').hide();
$('#p' + page).addClass('_current').show();
}
});
}
var fakeAjaxData = {
result: [
{name: '../../../img/keys.png'},
{name: '../../../img/logo.png'},
{name: '../../../img/input-button-bg.png'},
{name: '../../../img/remove-resources.png'},
{name: '../../../img/logo.png'},
{name: '../../../img/input-button-bg.png'},
{name: '../../../img/remove-resources.png'},
{name: '../../../img/keys.png'},
{name: '../../../img/keys.png'},
{name: '../../../img/input-button-bg.png'},
{name: '../../../img/logo.png'},
{name: '../../../img/remove-resources.png'},
{name: '../../../img/keys.png'},
{name: '../../../img/keys.png'},
{name: '../../../img/input-button-bg.png'},
{name: '../../../img/logo.png'},
{name: '../../../img/remove-resources.png'},
{name: '../../../img/input-button-bg.png'},
{name: '../../../img/logo.png'},
]
};
$(function() {
onAjaxSucceded(fakeAjaxData);
});
</script>
これが私のデモです
編集:
クラスの代わりに、removing
inactive
誰でも私にすべてのページを削除する方法を教えてもらえますか?もう一度追加する1st page.
場合は、現在から画像を追加する必要があります.追加した最後のページから追加しているページを削除すると.
タグが間違っていたらすみません。