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

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

Nouveau plugin pour l’insertion avancée (et moderne) des images dans les articles: responsive, animées, détournées… et plusieurs images sur une ligne.

File size: 2.9 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/560/1200/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<figcaption class='spip_doc_intitules[ spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})]'>
36        [<div class='spip_doc_titre #EDIT{titre}'><strong>(#TITRE)</strong></div>]
37        [<div class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF|propre|PtoBR)[(#NOTES|PtoBR)]</div>]
38        [<div class='spip_doc_credits #EDIT{credits}'>(#CREDITS|propre|PtoBR)[(#NOTES|PtoBR)]</div>]
39</figcaption>
40</figure>
41][
42
43(#REM) Cas des images qu'il faut embed (svg)
44][
45(#INCLUS|=={embed}|oui)
46<div class='spip_document_#ID_DOCUMENT spip_documents[(#ENV{large}|oui)spip_documents_large][ spip_documents_(#ENV{align}|sinon{center})]'[
47style='[(#ENV{align}|match{^(left|right)$}|?{' '})float:#ENV{align};] (#ENV{align,center}|=={center}|?{'',' '})']>
48<object data='#URL_DOCUMENT' 
49        type='#MIME_TYPE'[
50        width='(#ENV{largeur}?{'', #LARGEUR})'][
51        height='(#ENV{hauteur}?{'', #HAUTEUR})']
52        [(#ENV*|env_to_attributs)] >
53        <param name='src' value='#URL_DOCUMENT' />
54        [(#ID_DOCUMENT|appliquer_filtre{#MIME_TYPE})]
55</object>
56<div class="spip_doc_intitules[ spip_doc_intitules_(#EVAL{_SPIP_DOC_INTITULES_ALIGN})]">
57[
58<div class='spip_doc_titre'><strong>(#TITRE)</strong></div>
59][
60<div class='spip_doc_descriptif'>(#DESCRIPTIF|propre|PtoBR)[(#NOTES|PtoBR)]</div>
61]
62</div>
63</div>]
64</BOUCLE_tous>
65#FILTRE{mini_html}
Note: See TracBrowser for help on using the repository browser.