source: spip-zone/_squelettes_/galaxie_melusine/melusine/trunk/inclusions/carousel_bs.html @ 87538

Last change on this file since 87538 was 87538, checked in by sabatier93@…, 5 years ago

Carousel boostrap entierement repris + modulable

  • mot clé par défaut modifié en "carousel"
  • redimensionnement mieux cadré
  • position du titre vertical/horizontal
  • poignees ou non
  • inclusion des rubriques avec logo
File size: 5.0 KB
Line 
1<!-- *********************************************************************** -->
2<!-- *********************************************************************** -->
3<!-- MODULE CAROUSEL ******************************************************* -->
4<!-- *********************************************************************** -->
5<!-- *********************************************************************** -->
6
7
8<!-- *********************************************************************** -->
9<!-- RECUPERATION DES DONNEES, INITIALISATION ET VERIFICATION ************** -->
10<!-- *********************************************************************** -->
11
12
13<BOUCLE_noisette(NOISETTES){id_noisette = #ENV{id_noisette}}>
14  #SET{motclef,#PARAMETRES|unserialize|table_valeur{motclef}}
15  #SET{largeur_carousel,#PARAMETRES|unserialize|table_valeur{largeur_carousel}}
16  #SET{hauteur_carousel,#PARAMETRES|unserialize|table_valeur{hauteur_carousel}}
17  #SET{titre_vertical,#PARAMETRES|unserialize|table_valeur{titre_vertical}}
18  #SET{titre_horizontal,#PARAMETRES|unserialize|table_valeur{titre_horizontal}}
19  #SET{taille,#PARAMETRES|unserialize|table_valeur{taille}}
20  #SET{poignees,#PARAMETRES|unserialize|table_valeur{poignees}}
21</BOUCLE_noisette>
22
23[(#GET{motclef}|non)#SET{motclef,"carousel"}]
24[(#GET{largeur_carousel}|non)#SET{largeur_carousel,800}]
25[(#GET{hauteur_carousel}|non)#SET{hauteur_carousel,300}]
26[(#GET{titre_vertical}|non)#SET{titre_vertical,"titredesc"}]
27[(#GET{titre_horizontal}|non)#SET{titre_horizontal,"droite40"}]
28[(#GET{taille}|non)#SET{taille,200}]
29[(#GET{poignees}|non)#SET{poignees,"oui"}]
30
31
32<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
33  <!-- Indicators -->
34  <ol class="carousel-indicators">
35     #SET{active,"active"}
36  <BOUCLE_indicators (ARTICLES){titre_mot=#GET{motclef}}{!par date}>
37
38    <li data-target="#carousel-example-generic" data-slide-to="#EVAL{#COMPTEUR_BOUCLE-1}" class="#GET{active}"></li>
39    #SET{active,""}
40    #SET{nb_articles_parcourus,#COMPTEUR_BOUCLE}
41  </BOUCLE_indicators>
42
43  <BOUCLE_indicators2 (RUBRIQUES){titre_mot=#GET{motclef}}{!par date}>
44   
45    <li data-target="#carousel-example-generic" data-slide-to="#EVAL{#GET{nb_articles_parcourus}+#COMPTEUR_BOUCLE-1}" class="#GET{active}"></li>
46    #SET{active,""}
47   
48  </BOUCLE_indicators2>
49  </ol>
50
51  <!-- Wrapper for slides -->
52 
53  <div class="carousel-inner" role="listbox">
54        #SET{active,"active"}
55    <BOUCLE_articles (ARTICLES){titre_mot=#GET{motclef}}{!par date}>
56      <div class="item #GET{active}">
57        #SET{active,""}
58        <a href=#URL_ARTICLE>
59          [(#LOGO_ARTICLE|image_passe_partout{#GET{largeur_carousel},#GET{largeur_carousel}}|image_recadre{#GET{largeur_carousel},#GET{hauteur_carousel}})]
60        </a> 
61           <div class="diapo_legende
62              [(#GET{titre_horizontal}=={"droite"}|oui) titre_droite ] 
63              [(#GET{titre_horizontal}=={"gauche40"}|oui) titre_bloc40 ] 
64              [(#GET{titre_horizontal}=={"droite40"}|oui) titre_bloc40 titre_droite ] 
65              [(#GET{titre_horizontal}=={"centre"}|oui) titre_centre ] 
66              [(#GET{titre_vertical}=={"titrebas"}|oui) titre_dessous ] 
67              [(#GET{titre_vertical}=={"aucun"}|oui) titre_aucun ]">
68           
69                <div class="texte_diapo_legende"><h2>#TITRE</h2>
70                  [(#GET{titre_vertical}=={"titredesc"}|oui) #INTRODUCTION{#GET{taille}}]
71                </div>
72           
73           </div>
74      </div>
75     
76    </BOUCLE_articles>
77    <BOUCLE_rubrique (RUBRIQUES){titre_mot=#GET{motclef}}{!par date}>
78      <div class="item #GET{active}">
79<!--        #SET{active,""} -->
80        <a href=#URL_RUBRIQUE>
81          [(#LOGO_RUBRIQUE|image_passe_partout{#GET{largeur_carousel},#GET{largeur_carousel}}|image_recadre{#GET{largeur_carousel},#GET{hauteur_carousel}})]
82        </a> 
83           <div class="diapo_legende
84              [(#GET{titre_horizontal}=={"droite"}|oui) titre_droite ] 
85              [(#GET{titre_horizontal}=={"gauche40"}|oui) titre_bloc40 ] 
86              [(#GET{titre_horizontal}=={"droite40"}|oui) titre_bloc40 titre_droite ] 
87              [(#GET{titre_horizontal}=={"centre"}|oui) titre_centre ] 
88              [(#GET{titre_vertical}=={"titrebas"}|oui) titre_dessous ] 
89              [(#GET{titre_vertical}=={"aucun"}|oui) titre_aucun ]">
90           
91                <div class="texte_diapo_legende"><h2>#TITRE</h2>
92                  [(#GET{titre_vertical}=={"titredesc"}|oui) #INTRODUCTION{#GET{taille}}]
93                </div>
94           
95           </div>
96      </div>
97    </BOUCLE_rubrique>
98   </div>
99 
100  <!-- Controls -->
101[(#GET{poignees}=={"oui"}|oui)
102  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
103    <span class="glyphicon glyphicon-chevron-left"></span>
104    <span class="sr-only">Previous</span>
105  </a>
106  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="z-index:100">
107    <span class="glyphicon glyphicon-chevron-right"></span>
108    <span class="sr-only" >Next</span>
109  </a>
110]
111</div>
Note: See TracBrowser for help on using the repository browser.