source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html @ 118199

Last change on this file since 118199 was 118199, checked in by real3t@…, 6 months ago

[SoyezCréateurs?] Nouveau bloc en mode Cognac : Bandeau

  • Un article avec le mot clef Goodies2
  • Un logo (1920 de large, comme d'habitude)
  • Une bulle d'aide

Affichage du titre et du logo en dessous.
Lien vers l'article sur le logo.

File size: 3.0 KB
Line 
1#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
2<script type="text/javascript">
3        CanceladjustLayout = true;
4</script>
5<main id="main" role="main"><div id="cognac_content">
6<a id="letexte"></a>
7
8[(#PLUGIN{NOIZETIER}|oui)
9#INCLURE{fond=bloc_compiler,id_conteneur=contenu/corps_sommaire_modecognac,env}]
10[(#PLUGIN{NOIZETIER}|non)
11#INCLURE{fond=noisettes/sommaire_modeportailcognac_zoomsur,env}
12#INCLURE{fond=noisettes/sommaire_modeportailcognac_cycloshow,env}
13#INCLURE{fond=noisettes/sommaire_modeportailcognac_sc_edito,env}
14#INCLURE{fond=noisettes/sommaire_modeportailcognac_quoideneuf,env}
15#INCLURE{fond=noisettes/sommaire_modeportailcognac_bandeau,env}
16#INCLURE{fond=noisettes/sommaire_modeportailcognac_dessousBreves,env}
17#INCLURE{fond=noisettes/sommaire_modeportailcognac_goodies,env}
18]
19
20[(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
21
22</div><!-- cognac_content --></main>
23
24[<script src="(#CHEMIN{javascript/packery.pkgd.min.js})" type="text/javascript"></script>]
25[<script src="(#CHEMIN{javascript/imagesloaded.pkgd.min.js})" type="text/javascript"></script>]
26<script type="text/javascript">
27        // slider Slick
28        $(document).ready(function(){
29                $('#diaporama .slider-slick').slick({
30                  autoplay: true,
31                  pauseOnHover: true,
32                  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
33                  fade: true,
34                  cssEase: 'linear',
35                  arrows: false,
36                  dots: true,
37                  centerMode: true,
38                  focusOnSelect: true
39                });
40               
41                $('#cycloshow .slider-slick').slick({
42                  autoplay: true,
43                  pauseOnHover: true,
44                  autoplaySpeed: #CONFIG{soyezcreateurs/vitesse_slider,10000},
45                  fade: true,
46                  cssEase: 'linear',
47                  arrows: true,
48                  dots: true,
49                  centerMode: true,
50                  focusOnSelect: true
51                });
52               
53                // Pour que les éventuelles vidéos soient jouées
54                // Ceci concerne la première vidéo (ou la seule)
55                var vid = $('.slider-slick').find('video');
56                if (vid.length > 0)
57                        $(vid).get(0).play();
58                //  Ceci concerne les autres vidéos
59                $('.slider-slick').on('afterChange', function(event, slick, currentSlide){
60                        var vid = $(slick.$slides[currentSlide]).find('video');
61                        if (vid.length > 0)
62                                $(vid).get(0).play();
63                });
64               
65                $('.slider-pratique').slick({
66                  dots: false,
67                  slidesToShow: [(#GET{LargeurContaineur}|div{304}|intval)],
68                  slidesToScroll: 3,
69                  infinite: true,
70                  variableWidth: true,
71                        responsive: [
72                                {
73                                  breakpoint: [(#GET{LargeurContaineur}|moins{304}|intval)],
74                                  settings: {
75                                        slidesToShow: 2,
76                                        slidesToScroll: 2,
77                                        infinite: true,
78                                        dots: true
79                                  }
80                                },
81                                {
82                                  breakpoint: 640,
83                                  settings: {
84                                        slidesToShow: 1,
85                                        slidesToScroll: 1
86                                  }
87                                }
88                          ]
89                });
90        });
91        // external js: packery.pkgd.js, imagesloaded.pkgd.js
92        // init packery after all images have loaded
93        var $grid = $('.grid').imagesLoaded( function() {
94          $grid.packery({
95                itemSelector: '.grid-item',
96                gutter: '.gutter-sizer',
97                columnWidth: '.grid-sizer',
98                percentPosition: false
99          });
100        });
101</script>
102
103#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.