source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire_modeportailcognac_zoomsur.html @ 111212

Last change on this file since 111212 was 111212, checked in by riedel.nobuyuki@…, 3 years ago

Passage du sommaire du mode cognac vers un positionnement des éléments par le plugin noizetier.
Par défaut l'ordre et celui d'avant la modification

File size: 3.5 KB
Line 
1
2<BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}>
3#SET{article_url,#ARTICLE_URL}
4<!-- SLIDER -->
5<div id="diaporama" class="zone-slider">
6        <header>
7                <h1 class="hide">#TITRE</h1>
8        </header>
9        <div class="slider-slick">
10                <BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>
11                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
12                        <div class="slider-diapo-imgfull">
13                                [(#MEDIA|=={image}|oui)
14                                <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>
15                                        <img src="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />
16                                </a>]
17                                [(#MEDIA|=={video}|oui)
18                                <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>
19                                        [(#MIME_TYPE|=={text/oembed}|non)
20                                        <div style="width: 1920px; height: #CONFIG{soyezcreateurs/hauteur_slider,580}px;">
21                                                <video autoplay loop muted preload="true" class="autoplay" style="min-width: 100%; height: auto; top: -50%; position: absolute;">
22                                                        <source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>
23                                                </video>
24                                        </div>]
25                                        [(#MIME_TYPE|=={text/oembed}|oui)
26                                        <div style="position: relative; padding-bottom: [(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1920}|mult{100})%]">
27                                                <div class="mbYTP_wrapper" id="wrapper_mbYTP_bgndVideo" style="position: absolute; z-index: -1; min-width: 100%; min-height: 100%; left: 0; top: 0; overflow: hidden; opacity: 1; -webkit-backface-visibility: hidden;">
28                                                        <iframe id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" style="position: absolute; z-index: -1; width: 2380.8px; height: 1080px; top: 0px; left: 0px; overflow: hidden; opacity: 1; margin-top: -199.5px; margin-left: -230.4px;" frameborder="0" allowfullscreen="1" width="[(#INCLURE{#FICHIER}|extraire_attribut{width})]" height="[(#INCLURE{#FICHIER}|extraire_attribut{height})]" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&amp;autoplay=1&amp;loop=1&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1&amp;version=3&amp;playerapiid=mbYTP_bgndVideo&amp;allowfullscreen=true&amp;wmode=transparent&amp;iv_load_policy=3&amp;html5=1&amp;mute=1[&amp;playlist=(#INCLURE{#FICHIER}|extraire_attribut{src}|replace{'https:\/\/www\.youtube\.com\/embed\/\(\[^\?]*\).*','$1'}|replace{'\?feature=oembed',''})]"></iframe>
29                                                </div>
30                                        </div>]
31                                </a>]
32                        </div>
33                </div>
34                </BOUCLE_Slider>
35                <div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
36                        <div class="slider-diapo-imgfull">
37                                <a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|attribut_html)"]>
38                                        <img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />
39                                </a>
40                        </div>
41                </div>
42                <//B_Slider>
43        </div>
44        <div id="liens-diaporama">
45                <ul>
46                        <li class="#EDIT{titre}">
47                                <a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|attribut_html)"]>
48                                        <span>#TITRE</span>
49                                        <span class="icon icon-arrow-right2 icon-2x">&#10140;</span>
50                                </a>
51                        </li>
52                        [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]
53                        [<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]
54                </ul>
55        </div>
56</div>
57<!-- fin SLIDER -->
58</BOUCLE_ZoomSur>
59
60#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.