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

Last change on this file since 112639 was 112639, checked in by real3t@…, 2 years ago

Mode Cognac : correction de l'affichage des Goodies (sans doute suite à mise à jour de Slick)

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