Un petit exemple qui pourra servir à tous ceux qui veulent inclure des images dans leur système de pagination.
Ici on utilise le plugin NavBar et des images en double (une version "active" et une autre "inactive") pour les extrémitées et suivant/précédent :
<div id="navbar">
<a href="?start=[nav.first;endpoint;magnet=a;mtype=m+m]"><img src="navi_paging-first[nav.first;endpoint;if [val]='';then '_inactive';else ''].png" /></a>
<a href="?start=[nav.prev;endpoint;magnet=a;mtype=m+m]"><img src="navi_paging-back[nav.prev;endpoint;if [val]='';then '_inactive';else ''].png" /></a>
<a href="?start=[nav.page;bmagnet=div;block=_;pagemin=0;navpos=centred]" class="link">[nav.page]</a>
<span>[nav.page;block=_;currpage]</span>
<a href="?start=[nav.next;endpoint;magnet=a;mtype=m+m]"><img src="navi_paging-forth[nav.next;endpoint;if [val]='';then '_inactive';else ''].png" /></a>
<a href="?start=[nav.last;endpoint;magnet=a;mtype=m+m]"><img src="navi_paging-last[nav.last;endpoint;if [val]='';then '_inactive';else ''].png" /></a>
</div>
|
ici les versions inactives des images ont un suffixe "_inactive" avant l'extension. les liens s'effacent avec les images inactives