source: spip-zone/_plugins_/medias_responsive_mod/squelettes/modeles/image.html @ 123131

Last change on this file since 123131 was 123131, checked in by ARNO*, 2 months ago

Meilleurs arrondis des image_responsive (320/640/1280/1920) pour limiter le nombre d'images

File size: 3.3 KB
Line 
1<BOUCLE_tous (DOCUMENTS types_documents) {id_document=#ID} {tout}>[
2
3(#REM) Cas <imageXX>    : equivalent a <imgXX> pour une image en mode image
4
5][(#INCLUS|=={image}|et{#ENV{emb,''}|non}|oui)
6<figure class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align}|sinon{center})][ (#ENV{class})] spip_lien_ok'[
7         style='float:(#ENV{align}|match{left|right});[ width:(#LARGEUR)px;]']>[
8        <a href="(#ENV{lien})"[
9                class="(#ENV{lien_class})"]>][(#LOGO_DOCUMENT|image_responsive{0/320/640/1280/1920})][(#ENV{lien}|?{</a>})]</figure>
10][
11
12(#REM) Cas <embXX> : on est appele ici avec emb=' ' : on veut la legende
13equivalent a un <docXX> pour une image en mode image
14
15][(#INCLUS|=={image}|et{#ENV{emb,''}|oui}|oui)
16#SET{fichier,#URL_DOCUMENT}
17#SET{width,#LARGEUR}
18#SET{height,#HAUTEUR}
19#SET{url,#ENV{lien}}
20
21[(#ENV{kenburns}|oui)#SET{kenburns,oui}]
22[(#ENV{class}|=={kenburns}|oui)#SET{kenburns,oui}]
23
24<figure class='spip_document_#ID_DOCUMENT spip_documents[(#ENV{large}|oui)large][(#ENV{kenburns}|oui)kenburns][ spip_documents_(#ENV{align}|sinon{center})][ (#ENV{class})] spip_lien_ok'[
25                        style="max-width:(#GET{width})px;"][ data-w="(#GET{width})"]>
26        [<a href="(#GET{url})"[ class="(#ENV{lien_class})"] title='#TYPE_DOCUMENT - [(#TAILLE|taille_en_octets|texte_backend)]'[ type="(#ENV{lien}|?{#ENV{lien_mime},#MIME_TYPE})"]>][(#FICHIER|image_responsive{160/320/560/1200/1920})][(#GET{url}|?{</a>})]
27        [(#GET{kenburns}|=={oui}|oui)
28        <style>
29                .spip_document_#ID_DOCUMENT.kenburns picture img {
30                        -webkit-transform-origin: [(#FICHIER|centre_image_x|mult{100})]% [(#FICHIER|centre_image_y|mult{100})]%;
31                        transform-origin: [(#FICHIER|centre_image_x|mult{100})]% [(#FICHIER|centre_image_y|mult{100})]%;
32                }
33        </style>
34        ]
35        [(#EVAL{defined('_MEDIAS_RESPONSIVE_MASQUER_LEGENDE')}|non|ou{#ENV{legende}|=={oui}|oui})
36        [(#ENV{legende}|=={non}|non)
37        [(#TITRE|sinon{#DESCRIPTIF}|sinon{#CREDITS}|oui)
38        <figcaption class='spip_doc_intitules[ spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})]'>
39                [<div class='spip_doc_titre #EDIT{titre}'><strong>(#TITRE)</strong></div>]
40                [<div class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF|propre|PtoBR)[(#NOTES|PtoBR)]</div>]
41                [<div class='spip_doc_credits #EDIT{credits}'>(#CREDITS|propre|PtoBR)[(#NOTES|PtoBR)]</div>]
42        </figcaption>
43        ]]]
44</figure>
45][
46
47(#REM) Cas des images qu'il faut embed (svg)
48][
49(#INCLUS|=={embed}|oui)
50<div class='spip_document_#ID_DOCUMENT spip_documents[(#ENV{large}|oui)spip_documents_large][ spip_documents_(#ENV{align}|sinon{center})]'[
51style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};] (#ENV{align,center}|=={center}|?{'',' '})']>
52        <object data='#URL_DOCUMENT' 
53                type='#MIME_TYPE'[
54                width='(#ENV{largeur}?{'', #LARGEUR})'][
55                height='(#ENV{hauteur}?{'', #HAUTEUR})']
56                [(#ENV*|env_to_attributs)] >
57                <param name='src' value='#URL_DOCUMENT' />
58                [(#ID_DOCUMENT|appliquer_filtre{#MIME_TYPE})]
59        </object>
60        [(#EVAL{defined('_MEDIAS_RESPONSIVE_MASQUER_LEGENDE')}|non|ou{#ENV{legende}|=={oui}|oui})
61        [(#ENV{legende}|=={non}|non)
62        [(#TITRE|sinon{#DESCRIPTIF}|oui)
63        <div class="spip_doc_intitules[ spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})]">
64                [
65                <div class='spip_doc_titre'><strong>(#TITRE)</strong></div>
66                ][
67                <div class='spip_doc_descriptif'>(#DESCRIPTIF|propre|PtoBR)[(#NOTES|PtoBR)]</div>
68                ]
69        </div>
70        ]]]
71</div>]
72</BOUCLE_tous>
73#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.