سلام دوستان تونستم تمام موارد را به درستی طی کنم فقط تنها مشکلی که دارم شماره صفحات تمام دسته هارو داخل یک دسته نشون میده که جهت بهتر رسوندن سوالم کد و عکس را قرار دادم
لطفا راهنمایی بفرمایید
<div id="warper">
<div id="content1">
<?
// Get array of post info. $cat_posts = new WP_Query( 'cat=1&showposts=35');
$cat_posts = new WP_Query(
"showposts=" . $instance["num"] .
"&cat=" . $instance["cat"] .
"&orderby=" . $sort_by .
"&order=" . $sort_order
);
while ( $cat_posts->have_posts() ) :
$cat_posts->the_post();
echo get_the_title()."<br />";
endwhile;
?>
</div>
</div>
<div id="pager"></div>
<script type="text/javascript">
// This Javascript is written by Peter Velichkov (http://www.creonfx.com)
// and is distributed under the following license : http://creativecommons.org/licenses/by-sa/3.0/
// Use and modify all you want just keep this comment. Thanks
var pagerPageHeight = $('warper').getSize().y;
var contentArea = $('content1');
var pagerCurPage = 1;
var pagerPagesCount = 1;
var pagerPages = $('pager');
var pagerInit = function(){
//alert ("ssss");
var contentHeight = contentArea.getSize().y ;
pagerPagesCount = (contentHeight / pagerPageHeight).toInt();
if (contentHeight % pagerPageHeight != 0 ) pagerPagesCount++;
if (pagerPagesCount === 1) return;
var prev = new Element('a', {
'class': 'cust-pager-prev',
'html': '<',
'id': 'cust-pager-prev',
'events': {
'click': function(){
pagerChangePage(pagerCurPage - 1);
}
}
});
var next = new Element('a', {
'class': 'cust-pager-next',
'html': '>',
'id': 'cust-pager-next',
'events': {
'click': function(){
pagerChangePage(pagerCurPage + 1);
}
}
});
prev.inject(pagerPages,'top');
$('cust-pager-prev').setStyle('display','none');
for (var i=1; i<=pagerPagesCount; i++){
var anchor = new Element('a', {
'class': 'cust-pager-item',
'id': 'cust-pager-item-'+ i,
'html': i,
'events': {
'click': pagerChangePage.pass(i)
}
});
anchor.inject(pagerPages);
}
next.inject(pagerPages,'bottom');
};
var pagerChangePage = function(page){
$('cust-pager-item-' + pagerCurPage).set('class', 'cust-pager-item');
$('cust-pager-item-' + page).set('class', 'cust-pager-item-sel');
pagerCurPage = page;
if (pagerCurPage === 1) {
$('cust-pager-prev').setStyle('display', 'none');
}else{
$('cust-pager-prev').setStyle('display', 'inline');
}
if (pagerCurPage === pagerPagesCount) {
$('cust-pager-next').setStyle('display', 'none');
}else{
$('cust-pager-next').setStyle('display', 'inline');
}
contentArea.setStyle('top', (-1) * pagerPageHeight * (page - 1));
};
pagerInit();
</script>
برای دیدن عکس اینجا کلیک کنید