Found solution, but without autorotation.
Create view:
Display
Quantity – all
per page – 1, Navigation – after
Style – Default widget.
In js/quickpager.jquery.js AFTER $(“html,body”).animate({scrollTop:scrollto}, 800);
return false;
});
INSERT
var nextLink = "<li class='strong-last-str'><a id='nextLink' href='#'><i class='fa fa-chevron-right' aria-hidden='true'></i></a></li>";
var prevLink = "<li class='strong-first-str'><a id='prevLink' href='#'><i class='fa fa-chevron-left' aria-hidden='true'></i></a></li>";
$(".simplePagerNav").prepend(prevLink).append(nextLink);
$("#nextLink").click(function(e) {
e.preventDefault();
$("li.currentPage").next("li[class^=simplePageNav]").find("a").click();
});
$("#prevLink").click(function(e) {
e.preventDefault();
$("li.currentPage").prev("li[class^=simplePageNav]").find("a").click();
});
After that customize css for my example:
.simplePagerNav li{display:none;}
.simplePagerNav li:first-child, .simplePagerNav li:last-child{display:block !important;}
.simplePagerList { position: relative; float: right; z-index: 1;}
.simplePagerNav .strong-first-str {float:left;}
.simplePagerNav .strong-last-str {float:right;}
and I got a slider with button next and prev.
But i have jquery conflict and dont know where, my pagination not work on all pages. If that work need paste in function.php
function my_theme_load_testimonials_pagination() {
if ( 'portfolio' == get_post_type() ) { // for portfolio
wp_enqueue_script( 'wpmtst-pager-plugin' );
?>
<script type='text/javascript'>
jQuery(document).ready(function($) {
$(".strong-paginated").quickPager({
pageSize : 1,
currentPage : 1,
pagerLocation : "before" // or "before" or "after"
});
});
<?php
}
}
add_action( 'wp_head', 'my_theme_load_testimonials_pagination' );
Sorry for Eng =). Good luck
Result