0
Ich habe einen Code waren i easypagination für Paginierung Verfahren verwendet, aber die Frage, die ich bin vor ist, wenn die Eigenschaft ‚elementsPerPage‘ auf kleinere Anzahl reduziert wird, wobei die Breite der Paginierung steigt aberVerkürzen Sie die easypagination Seite Anzeigelänge
ich möchte, dass es mit Punkten dazwischen wie: < < | < | 1 | 2 | 3 | ... | 8 | 9 | >>
Derzeit ist es wie folgt: < < | < | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | >>
Wie kann ich dies in easypagination erreichen? Dies könnte eine große Hilfe sein.
Danke,
Mein Code hier geht:
.css-
#easyPaginate {width:300px;}
#easyPaginate img {display:block;margin-bottom:10px;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
.html
<div id="easyPaginate">
<img src="img/demo/surf1.jpg" />
<img src="img/demo/surf2.jpg" />
<img src="img/demo/surf3.jpg" />
<img src="img/demo/surf4.jpg" />
<img src="img/demo/surf5.jpg" />
<img src="img/demo/surf6.jpg" />
<img src="img/demo/surf7.jpg" />
<img src="img/demo/surf8.jpg" />
<img src="img/demo/surf9.jpg" />
<img src="img/demo/surf10.jpg" />
<img src="img/demo/surf11.jpg" />
<img src="img/demo/surf12.jpg" />
<img src="img/demo/surf13.jpg" />
<img src="img/demo/surf14.jpg" />
<img src="img/demo/surf15.jpg" />
<img src="img/demo/surf16.jpg" />
<img src="img/demo/surf17.jpg" />
<img src="img/demo/surf18.jpg" />
</div>
Js
$('#easyPaginate').easyPaginate({
paginateElement: 'img',
elementsPerPage: 3,
effect: 'climb'
});
die Paginierung Bibliothek, die Sie verwendet haben, googeln "easypagination" zeigt mehrere Ergebnisse. Es wäre hilfreich, wenn Sie den Bibliothekslink in Ihrer Frage angeben. –
@AminurRashid Hier ist der Link: http: //st3ph.github.io/jquery.easyPaginate/ –
sieht aus wie diese Bibliothek hat nicht die Möglichkeit, begrenzte Zahlen in Seitenumbruch anzuzeigen. Können Sie eine andere Bibliothek verwenden, in die diese Funktionalität integriert ist, anstatt sie selbst zu implementieren? –