Le Bandeau

Dans la quasi totalité des pages du site, un bandeau traverse la page.

Ce bandeau est un morceau d’une image plus grande.c’est une extraction de 600x135 pixels dans la page sommaire, et de 600x62 pixels dans les autres pages.
Il est "cliquable" et renvoie vers une page article décrivant l’image en question.

Dans le kit distribué par le CNRS, les images sont dans un répertoire à part, un javascript choisit une image au hasard.
Spip permet de développer un système intégré pour le choix de l’image :

Imaginons que nous utilisions une rubrique pour y stocker les images.

– un article contient un titre, un texte explicatif et une image, intégrée sous forme de document.
– 2 autres images sont intégrées a l’article sous forme de documents, il s’agit de 2 bandeaux de 600x135 et 600x62 pixels de la meme image. Ces derniers ont comme titre bandeau et bandeauc

Dans la page sommaire l’image sera appelée par :

       <BOUCLE_artdocs(ARTICLES){id_rubrique=5}{par hasard}{0,1}>
        <BOUCLE_DOCS(DOCUMENTS){id_article}{titre="bandeau"}{0,1}>
    <script>
           var UrlCredits ='#URL_SITE_SPIP/popup.php3?id_article=#ID_ARTICLE';
           var OnClickStr='MM_openBrWindow(UrlCredits,\'popup\',\'width=750,height=600,scrollbars=yes\')';
          document.write('<a href="javascript:'+ OnClickStr + ';"><img width=600 height=135 alt="" border="0" src="#URL_DOCUMENT"></a>');
        </script><!-- InstanceEndEditable --></td>
        </BOUCLE_DOCS>
       </BOUCLE_artdocs>

Une premiere boucle pique un article au hasard dans la rubrique 5, puis une seconde boucle affiche l’image appelée "bandeau" de ce document.

L’équivalent existe pour les autres pages en remplacant les titre bandeau par bandeauc et height=135 par 62.