Categories > TinyButStrong general (FR) >

Système de pagination avec des images

The forum is closed. Please use Stack Overflow for submitting new questions. Use tags: tinybutstrong , opentbs
By: devloop
Date: 2008-02-12
Time: 19:48

Système de pagination avec des images

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