source: spip-zone/_plugins_/medias_responsive_mod/squelettes/modeles/img.html @ 104645

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

Ajout d’un critère |max (complète |large)

File size: 3.0 KB
Line 
1<BOUCLE_document (DOCUMENTS) {id_document} {mode?} {tout}>
2[(#REM)
3
4        Modele pour <img>
5
6]
7[(#SET{
8        image,
9                #ENV{mode_force,#MODE}|match{'image|vignette'}
10                |sinon{#ENV{embed}}
11                |oui
12})]
13[(#ENV{kenburns}|oui)
14        #SET{kenburns,2}
15        [(#ENV{kenburns}|=={kenburns}|non)
16                #SET{kenburns,#ENV{kenburns}}
17        ]
18]
19[(#ENV{class}|=={kenburns}|oui)#SET{kenburns,2}]
20
21[(#ENV{class}|=={flip}|oui)#SET{flip,flip}]
22[(#ENV{flip}|oui)#SET{flip,flip}]
23
24[(#ENV{class}|=={max}|oui)#SET{max,max}]
25
26[(#ENV{shape}|oui)
27        [(#SET{polygon,[(#FICHIER|image_detourer_polygon)]})]
28]
29
30[(#SET{a,span})]
31[(#LARGEUR|>={800}|oui)[(#SET{a,a})]]
32[(#HAUTEUR|>={800}|oui)[(#SET{a,a})]]
33<figure class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align}|sinon{center})][ spip_documents_(#GET{flip})][ spip_documents_(#ENV{shape})][(#ENV{rond}|oui)rond][(#ENV{large}|oui)large][(#GET{max}|oui)large max][(#ENV{kenburns}|oui)kenburns][ (#ENV{class})] spip_lien_ok'
34 style="[max-width:(#ENV{largeur}|sinon{#FICHIER|largeur})px;][-webkit-shape-outside: content-box (#GET{polygon});][shape-outside: content-box (#GET{polygon});]"[ data-w="(#ENV{largeur}|sinon{#FICHIER|largeur})"][ data-zoom-responsive="(#GET{kenburns})"]>
35[<a href="(#ENV{lien})"[ class="(#ENV{lien_class})"]>]
36[(#ENV{lien}|non)
37<[(#GET{a})] href="#FICHIER"[ title="(#TITRE|supprimer_numero|texte_backend)"] class="fond mediabox" type="#MIME_TYPE" data-photo-w="#LARGEUR" data-photo-h="#HAUTEUR" >
38]
39        [(#ENV{largeur}|non)
40                [(#FICHIER|image_responsive{160/320/640/1200/1920})]
41        ]
42        [(#ENV{largeur}|oui)
43                [(#GET{kenburns}|oui)
44                        [(#FICHIER|image_responsive{[(#ENV{largeur}|mult{#GET{kenburns}})]})]
45                ]
46                [(#GET{kenburns}|non)
47                        [(#FICHIER|image_responsive{#ENV{largeur}})]
48                ]
49        ]
50
51[(#ENV{lien}|?{</a>,</[(#GET{a})]>})]
52[(#GET{kenburns}|oui)
53<style><!--
54        .spip_document_#ID_DOCUMENT.kenburns picture img {
55                -webkit-transform-origin: [(#FICHIER|centre_image_x|mult{100})]% [(#FICHIER|centre_image_y|mult{100})]%;
56                transform-origin: [(#FICHIER|centre_image_x|mult{100})]% [(#FICHIER|centre_image_y|mult{100})]%;
57        }
58       
59                .spip_document_#ID_DOCUMENT.kenburns_actif picture img {
60                        -webkit-transform: scale([(#GET{kenburns})]);
61                        -webkit-animation-name: kenburns#ID_DOCUMENT;
62                        transform: scale([(#GET{kenburns})]);
63                        animation-name: kenburns#ID_DOCUMENT;   
64                }
65                @-webkit-keyframes kenburns#ID_DOCUMENT {
66                        from {-webkit-transform: scale(1);}
67                        to {-webkit-transform: scale([(#GET{kenburns})]);}
68                }
69                @keyframes kenburns#ID_DOCUMENT {
70                        from {transform: scale(1);}
71                        to {transform: scale([(#GET{kenburns})]);}
72                }
73--></style>
74]
75
76
77        [(#TITRE|sinon{#DESCRIPTIF}|sinon{#CREDITS}|oui)
78        <figcaption class='spip_doc_intitules[ spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})]'>
79                [<div class='spip_doc_titre #EDIT{titre}'><strong>(#TITRE|propre|ptobr)</strong></div>]
80                [<div class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF|propre|PtoBR)[(#NOTES|PtoBR)]</div>]
81                [<div class='spip_doc_credits  #EDIT{credits}'>(#CREDITS|propre|PtoBR)</div>]
82        </figcaption>
83        ]
84</figure>
85</BOUCLE_document>
86#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.