Changeset 84904 in spip-zone for _squelettes_/photographe


Ignore:
Timestamp:
Sep 28, 2014, 7:59:12 PM (5 years ago)
Author:
rastapopoulos@…
Message:

Navigation précedent/suivant avec les fameux critères de marcimat ! (nécessités du coup). C'est pratiiiiique. Reste plus qu'à ajouter la nav au clavier (non ?), et la partie navigation devrait être bonne.

Ensuite faut changer de polices, et plein d'autres petites choses dans ce genre.

Location:
_squelettes_/photographe
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/photographe/squelettes/content/document.html

    r84901 r84904  
    55                        [(#FICHIER|image_reduire{1200}|adaptive_images{1200})]
    66                </div>
     7               
    78                #SET{id_album,#ENV{id_album}}
    89                <BOUCLE_chercher_album(ALBUMS){si #GET{id_album}|non}{id_document}{0,1}>
    910                #SET{id_album,#ID_ALBUM}
    1011                </BOUCLE_chercher_album>
     12               
     13                <div class="precedent_suivant">
     14                        <BOUCLE_precedent(DOCUMENTS){id_album=#GET{id_album}}{extension IN jpg,png,gif,svg}{!par date}{precedent}>
     15                        <a class="prev" href="#URL_DOCUMENT">Image précédente</a>
     16                        </BOUCLE_precedent>
     17                        <span class="prev disabled">Image précédente</span>
     18                        <//B_precedent>
     19                        <BOUCLE_suivant(DOCUMENTS){id_album=#GET{id_album}}{extension IN jpg,png,gif,svg}{!par date}{suivant}>
     20                        <a class="next" href="#URL_DOCUMENT">Image suivante</a>
     21                        </BOUCLE_suivant>
     22                        <span class="next disabled">Image suivante</span>
     23                        <//B_suivant>
     24                </div>
     25               
    1126                <INCLURE{fond=inclure/galerie/mini-album,ajax,id_album=#GET{id_album},id_document, debut_mini_album=@#ID_DOCUMENT}>
    1227        </div>
  • _squelettes_/photographe/squelettes/paquet.xml

    r84824 r84904  
    2121        <necessite nom="albums" compatibilite="[3.2.0;]" />
    2222        <necessite nom="comments" compatibilite="[3.3.1;]" />
     23        <necessite nom="suivant_precedent" compatibilite="[1.3.2;]" />
    2324</paquet>
  • _squelettes_/photographe/theme/css/modules/_visionneuse.scss

    r84903 r84904  
    3030                        max-height:100%;
    3131                        max-width:100%;
     32                }
     33        }
     34        .precedent_suivant{
     35                left:0;
     36                height:90%;
     37                position:absolute;
     38                top:0;
     39                width:100%;
     40               
     41                .prev, .next{
     42                        display:block;
     43                        height:100%;
     44                        opacity:0.5;
     45                        position:relative;
     46                        text-indent: -9999px;
     47                        white-space: nowrap;
     48                        width:45%;
     49                       
     50                        &:hover{
     51                                opacity:1;
     52                        }
     53                        &:focus{
     54                                background-color:transparent !important;
     55                        }
     56                        &.disabled{
     57                                opacity:0.1;
     58                        }
     59                        &:after{
     60                                display:block;
     61                                font-size:4em;
     62                                position:absolute;
     63                                top:45%;
     64                                text-indent:0;
     65                        }
     66                }
     67                .prev{
     68                        float:left;
     69                       
     70                        &:after{
     71                                content:"<";
     72                                left:0.25em;
     73                        }
     74                }
     75                .next{
     76                        float:right;
     77                       
     78                        &:after{
     79                                content:">";
     80                                right:0.25em;
     81                        }
    3282                }
    3383        }
  • _squelettes_/photographe/theme/css/sections/_breadcrumb.scss

    r84824 r84904  
    66        }
    77        .item{
    8                 @include inline-block;
     8                display:inline-block;
    99        }
    1010}
Note: See TracChangeset for help on using the changeset viewer.