Changeset 85949 in spip-zone


Ignore:
Timestamp:
Nov 10, 2014, 12:35:30 PM (5 years ago)
Author:
jml9340@…
Message:

maj du module carousel choix du carousel bootstrap ou sjcycle

Location:
_squelettes_/galaxie_melusine/melusine/trunk
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/galaxie_melusine/melusine/trunk/css/style.css

    r85884 r85949  
    7474
    7575}
     76
     77/*Carousel */
    7678.diapo_legende{
    7779        background-color:#FFF!important;
     
    104106.texte_diapo_legende h2{
    105107        margin-bottom:10px;
     108}
     109
     110.lire_la_suite {
     111        text-align:right;
    106112}
    107113
  • _squelettes_/galaxie_melusine/melusine/trunk/modules/carousel.html

    r85884 r85949  
    11<BOUCLE_noisette(NOISETTES){id_noisette =#ENV{id_noisette}}>
    2 #SET{hauteur_carousel,#PARAMETRES|unserialize|table_valeur{hauteur_carousel}}
    3 #SET{largeur_carousel,#PARAMETRES|unserialize|table_valeur{largeur_carousel}}
     2#SET{fond,#PARAMETRES|unserialize|table_valeur{squelette}}
     3
    44</BOUCLE_noisette>
     5[(#GET{fond}|non)#SET{fond,"carousel"}]
    56
    6 [(#GET{hauteur_carousel}|non)#SET{hauteur_carousel,250}]
    7 [(#GET{largeur_carousel}|non)#SET{largeur_carousel,900}]
     7[(#INCLURE{fond=inclusions/#GET{fond},id_noisette})]
    88
    9 [(#REM)  L'appel depuis un article se fait par < sjcycleXX >, alors id_sjcycle=XX
    10         ou par un modele  CROCHET(# MODELE{sjcycle}{id_sjcycle=XX})CROCHET , alors id_article=XX
    11         (A noter que CROCHET(# MODELE{sjcycle}{id=XX})CROCHET ne fonctionne pas si le modele se trouve
    12    dans une boucle, id prenant l'id de l'objet de la boucle. Donc on evite cette ecriture)
    13 ]
    14 
    15 [(#SET{id_objet,                [(#ENV{id_rubrique,                     0})]})]
    16 [(#SET{id_diapo,                        [(#ENV{id_diapo,                #VAL{id_}|uniqid})]})]
    17 [(#SET{img_width,               [(#ENV{width,                           #CONFIG{sjcycle/img_width}})]})]
    18 [(#SET{img_height,              [(#ENV{height,                          #CONFIG{sjcycle/img_height}})]})]
    19 [(#SET{img_position,            [(#ENV{position,                        #CONFIG{sjcycle/img_position}})]})]
    20 [(#SET{img_background,          [(#ENV{background,                      #CONFIG{sjcycle/img_background}})]})]
    21 [(#SET{div_background,          [(#ENV{border_color,            #CONFIG{sjcycle/div_background}})]})]
    22 [(#SET{div_margin,              [(#ENV{div_margin,              #CONFIG{sjcycle/div_margin}})]})]
    23 [(#SET{img_bordure,             [(#ENV{border_width,            #CONFIG{sjcycle/img_bordure}})]})]
    24 [(#SET{legende,                 [(#ENV{legende,                 0})]})]
    25 [(#SET{liens_individuels,       [(#ENV{liens_individuels,       0})]})]
    26 
    27 [(#REM) largeur div = largeur image + 2*bordure ]
    28 [(#SET{div_width,                       #GET{img_bordure}|mult{2}|plus{#GET{img_width}} })]
    29 [(#SET{btn_pre,                 [(#ENV{btn_precedent,           0})]})]
    30 [(#SET{btn_suiv,                [(#ENV{btn_suivant,                     0})]})]
    31 
    32 [(#REM)
    33          Ceci permet de surclasser la taille définie sur un éventuel filtre image placé sur la balise #TEXTE.]
    34          
    35 [(#ENV{width}|ou{#ENV{height}}|oui)#SET{class,no_image_filtrer}]
    36 [(#ENV{width}|ou{#ENV{height}}|non)#SET{class,image_filtrer}]
    37 
    38 <BOUCLE_contexte_rubrique(RUBRIQUES){id_rubrique=#ENV{lien_rubriqe}}>
    39    [(#ENV{forcer_lien_reference}|oui)
    40       #SET{id_rubrique_a_lier,#ID_RUBRIQUE}
    41       #SET{titre_rubrique_a_lier,#TITRE}]
    42 </BOUCLE_contexte_rubrique>
    43 
    44 [(#REM) Je ne sais plus a quoi ca sert, mais ca gene pour l'affichage des legendes a partir des titres des documents
    45                   C'etait auparavant dans le style de la div principale ]
    46 [(#SET{div_height, #GET{img_bordure}|mult{2}|plus{#GET{img_height}} })]
    47 
    48 
    49 
    50 <B_articles>
    51         <script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/
    52         $(document).ready(function() {
    53                 [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
    54                         $('.infobulle').tooltip({
    55                                         bodyHandler: function() {
    56                                                 return $($(this).children(".textinfobulle")).html();
    57                                         },
    58                                         track: true,
    59                                         delay: 0,
    60                                         showURL: false,
    61                                         opacity: 1,
    62                                         fixPNG: true,
    63                                         extraClass: "pretty",
    64                                         top: -15,
    65                                         left: 5
    66                         });
    67                 ]
    68                 [(#CONFIG{sjcycle/mediabox}|=={on}|oui)
    69                         $("a.#GET{cssbox}").mediabox(box_settings);
    70                 ]
    71                 $("#dsjcycle_#GET{id_diapo}").cycle({
    72                          fx:                    "#CONFIG{sjcycle/fx}",
    73                          timeout:       "#CONFIG{sjcycle/timeout}",
    74                          speed:         "#CONFIG{sjcycle/speed}",
    75                          sync:          "#CONFIG{sjcycle/sync}",
    76                          pause:         "#CONFIG{sjcycle/pause}",
    77                          random:                "#CONFIG{sjcycle/random}"[,
    78                          prev:          ".dsjcycle_prev#GET{id_diapo}"(#GET{btn_pre}|oui)][,
    79                          next:          ".dsjcycle_next#GET{id_diapo}"(#GET{btn_suiv}|oui)],
    80                          cleartype: 1
    81                          [,(#ENV*{opt}|replace{';',','}|html_entity_decode)]
    82                          });
    83                 [(#GET{btn_pre}|oui) $('.dsjcycle_prev#GET{id_diapo}').click(function(){ return false; }); ]
    84                 [(#GET{btn_suiv}|oui) $('.dsjcycle_next#GET{id_diapo}').click(function(){ return false; }); ]
    85         });
    86 
    87         /*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/</script>
    88         [(#REM) diaporama documents images conteneur jquery cycle ]
    89         [(#SET{style,[float:(#ENV{align}|match{left|right});margin:[(#GET{div_margin})]px;][width:(#GET{div_width})px;][background:(#GET{div_background})]})]
    90    
    91         <div class="#CONFIG{sjcycle/div_class}" id="dsjcycle_#GET{id_diapo}" >
    92 
    93         [(#REM) Solution de denisb pour eviter de dupliquer le code Cf http://article.gmane.org/gmane.comp.web.spip.zone/18622 ]
    94 
    95  
    96   <BOUCLE_articles (ARTICLES){titre_mot=diaporama}{!par date}>
    97   [(#REM) BOUCLE_articles (ARTICLES){!par date} ]
    98 
    99         [(#LOGO_ARTICLE|oui)
    100         <div class="carousel" >
    101       <div class="content_carousel" style="height:#GET{hauteur_carousel}px">
    102                 [(#REM) Les effets de type turnLeft ne fonctionnent pas si ce div est en place. En attendant de corriger
    103          rajout dans la doc de l'incompatibilite entre infobulles et ces effets. Du coup la bordure autour de l'image
    104          ne se met pas en place non plus ]
    105          #SET{fermer_a,non}
    106          
    107          [(#REM) Doit-on afficher les infobulles ET y a t'il quelque chose a afficher ?]
    108          #SET{afficher_infobulle,non}
    109          [(#CONFIG{sjcycle/tooltip}|=={on}|oui)
    110                 [(#SET{texte_infobulle,[<h2>(#TITRE|supprimer_numero)</h2>][(#TITRE)<br />]})]
    111             [(#CONFIG{sjcycle/tooltip_carac}|=={on}|oui)
    112                [(#SET{texte_infobulle,[(#GET{texte_infobulle}|concat{<strong>Original :</strong> l. #LARGEUR x L. #HAUTEUR pixels, [(#TAILLE|taille_en_octets)]})]})]
    113             ]
    114             [(#SET{texte_infobulle,[(#GET{texte_infobulle}|trim)]})]
    115             [(#GET{texte_infobulle}|strlen|!={0}|oui) #SET{afficher_infobulle,oui}]
    116          ]
    117 
    118          [(#GET{afficher_infobulle}|=={oui}|oui)
    119                         <div class="infobulle" style="width:#GET{img_width}px;
    120                                                                                 [(#GET{img_height}|>{0}|oui)height:#GET{img_height}px;]
    121                                     padding:0px;
    122                                     margin:[(#GET{img_bordure})]px;">
    123          ]
    124          [(#REM) Si un lien est demande vers une rubrique, on annule l'ouverture vers une box ]
    125          
    126             <a href="#URL_ARTICLE"[ title="(#TITRE)"]>
    127            
    128          
    129                                    
    130      
    131          
    132             [(#LOGO_ARTICLE
    133                       |image_recadre{#GET{largeur_carousel},#GET{hauteur_carousel},center,'transparent'}
    134                       |inserer_attribut{alt,[(#TITRE|supprimer_numero|attribut_html)]}
    135                       |inserer_attribut{style,"display:block;"}
    136                       |inserer_attribut{class,#GET{class}}
    137                       |inserer_attribut{class,"img-responsive"})
    138                       ]
    139          
    140        
    141                 </a>
    142        
    143          
    144        
    145             [(#REM) La legende est cree a partir du titre de chaque image ]
    146             <div class="diapo_legende">
    147             <div class="texte_diapo_legende"><h2>#TITRE</h2>
    148               [(#DESCRIPTIF|couper{200})]
    149             </div>
    150             </div>
    151         </div>
    152                 </div>
    153          ]
    154   </BOUCLE_articles>
    155         </div><!-- sjcycle-->
    156 
    157    
    158    
    159  
    160         [(#GET{btn_pre}|oui)<a href="#" class="sjcycle_btn sjcycle_btn_precedent[ dsjcycle_prev(#GET{id_diapo})]">[(#CONFIG{sjcycle/text_prev}|sinon{<:sjcycle:prev:>})]</a>]
    161         [(#GET{btn_pre}|?{ [(#GET{btn_suiv}|oui)<span class="dsjcycle_sep"> / </span>] , '' })]
    162         [(#GET{btn_suiv}|oui)<a href="#" class="sjcycle_btn sjcycle_btn_suivant[ dsjcycle_next(#GET{id_diapo})]">[(#CONFIG{sjcycle/text_next}|sinon{<:sjcycle:next:>})]</a>]
    163        
    164 </B_articles>
  • _squelettes_/galaxie_melusine/melusine/trunk/modules/carousel.yaml

    r85282 r85949  
    1313 - 'pre_content'
    1414parametres:
     15 -
     16    saisie: 'selection'
     17    options:
     18      nom: 'squelette'
     19      label: 'type de carousel'
     20      defaut: '0'
     21      cacher_option_intro: 'oui'
     22      datas:
     23        'carousel_sjcycle': 'Carousel sjcycle'
     24        'carousel_bs': 'Carousel Bootstrap'
    1525 -
    1626    saisie: 'selection'
  • _squelettes_/galaxie_melusine/melusine/trunk/modules/fil_twitter.html

    r84955 r85949  
    2222       
    2323        <span class="twitt">
    24                 [(#VALEUR{titre})]
     24                [(#VALEUR{titre}|abs_url )]
    2525        </span>
    2626</li>
Note: See TracChangeset for help on using the changeset viewer.