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

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

Suite de r111203 : harmonisation du traitement des légendes sur les différents éléments.
Seul doc affiche toujours les légendes (sauf si |legende=non)

Orthotypo met parfois du html dans les #TITRE ==> supprimer les tags HTML dans les attributs HTML

File size: 3.1 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;]"[ 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})][(#GET{a}|=={a}|oui) href="#FICHIER"[ title="(#TITRE|supprimer_numero|supprimer_tags|texte_backend)"][ style="shape-outside: content-box (#GET{polygon});"] 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        [(#EVAL{defined('_MEDIAS_RESPONSIVE_MASQUER_LEGENDE')}|non|ou{#ENV{legende}|=={oui}|oui})
78        [(#ENV{legende}|=={non}|non)
79        [(#TITRE|sinon{#DESCRIPTIF}|sinon{#CREDITS}|oui)
80        <figcaption class='spip_doc_intitules[ spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})][ spip_doc_intitules_(#ENV{shape})]'>
81                [<div class='spip_doc_titre #EDIT{titre}'><strong>(#TITRE|propre|ptobr)</strong></div>]
82                [<div class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF|propre|PtoBR)[(#NOTES|PtoBR)]</div>]
83                [<div class='spip_doc_credits  #EDIT{credits}'>(#CREDITS|propre|PtoBR)</div>]
84        </figcaption>
85        ]]]
86</figure>
87</BOUCLE_document>
88#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.