Changeset 93411 in spip-zone


Ignore:
Timestamp:
Dec 6, 2015, 8:21:29 PM (5 years ago)
Author:
jcvilleneuve@…
Message:

EscalV3 : améliorations du modèle pour afficher les métadonnées d'une photo avec le plugin Métadonnées + affichage des métadonnées avec Galleria si plugon métadonnées activé

Location:
_squelettes_/escal/branche_V3
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/escal/branche_V3/modeles/galleria.html

    r92245 r93411  
    55<div id="galleria#GET{artUID}">
    66<BOUCLE_galleria (DOCUMENTS){id_article=#ENV{id}}{extension==jpg|gif|png} {pagination #ENV{pagesize,30}} {mode=#ENV{mode,image}}>
    7   <a href="#FICHIER"><img src="#FICHIER" [title="(#TITRE|textebrut)" ][alt="(#DESCRIPTIF|textebrut)" ]/></a>
     7[(#PLUGIN{PHOTO_INFOS}|oui)
     8    #SET{title,#INCLURE{fond=inclusions/inc-exif}{fichier=#FICHIER} }
     9]
     10[(#PLUGIN{PHOTO_INFOS}|non)
     11    #SET{title,#TITRE|textebrut}
     12]
     13  <a href="#FICHIER"><img src="#FICHIER" [title="(#GET{title})" ] [alt="(#DESCRIPTIF|textebrut)" ]/></a>
    814</BOUCLE_galleria>
    915</div>
  • _squelettes_/escal/branche_V3/modeles/image_exif.html

    r93403 r93411  
    1 <BOUCLE_document (DOCUMENTS) {id_document=#ID}{extension==jpg|png|gif}>
    21
    3 #SET{largeurmax,#CONFIG{escal/config/largeurimage,400}|>{#LARGEUR}|?{#LARGEUR,#CONFIG{escal/config/largeurimage,400} } }
    4 
    5 <div class="exif" style="padding: 20px;">
    6     <dl class="image_fluide" style='max-width:[(#GET{largeurmax})]px;'>
    7         <dt>
    8             <a href="#URL_DOCUMENT" class="mediabox">
    9                 <img
    10                 style='max-width:[(#GET{largeurmax})]px;'
    11                 src='#URL_DOCUMENT'
    12                 alt="[(#TITRE|texte_backend)]"
    13                 [ title="(#TITRE|texte_backend)"]
    14                  />
    15             </a>
    16         </dt>
    17     </dl>
     2[(#PLUGIN{PHOTO_INFOS}|non)
     3<p>
     4Pour afficher l'image et ses données EXIF, vous devez activer le plugin
     5<a href="http://contrib.spip.net/Metadonnees-Photo" title="Voir la documentation">Métadonnées Photos</a>.
     6</p>
     7<p>
     8Attention, l’archive Zip de ce plugin est très volumineuse, et l’installateur automatique ne peut pas la récupérer. Il est donc nécessaire d’installer ce plugin à la main
     9</p>
     10]
    1811
    1912
    20 [       <div style='background-color: #b5ca77; padding: 5px; -webkit-border-radius: 10px;-moz-border-radius: 10px;'>
    21 
    22 
    23         <table cellspacing='2' cellpadding='0' style='width: 100%;  font-family: verdana; border: 0px;'>
    24 
    25         [(#SET{logo,#CHEMIN{appareils/#FICHIER|lire_exif{logoAppareil}}})]
    26         [<!--(#ENV{fichier}|lire_exif{logoAppareil})-->]
    27         <tr>
    28                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    29                         [(#GET{logo}|image_reduire{36}|sinon{Appareil})]
    30                 </td>
    31                 <td>
    32                 (#FICHIER|lire_exif{make}) - [(#FICHIER|lire_exif{model})]
    33                 </td>
    34         </tr>
    35 
    36         [<tr>
    37                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    38                         Sensibilité
    39                 </td>
    40                 <td >
    41                 [<img src="(#CHEMIN{imgs_photo/iso-16.png})" alt="ISO" align="top" />]
    42                 (#FICHIER|lire_exif{isoEquiv})
    43                 </td>
    44         </tr>]
    45 
    46         [<tr>
    47                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    48                         Vitesse
    49                 </td>
    50                 <td >
    51                 (#FICHIER|lire_exif{exposureTime}) s
    52                 </td>
    53         </tr>]
    54 
    55         [<tr>
    56                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    57                         Ouverture
    58                 </td>
    59                 <td >
    60                 [<img src="(#CHEMIN{imgs_photo/ouverture-16.png})" alt="ISO" align="top" />]
    61                 <i>f</i>/(#FICHIER|lire_exif{fnumber})
    62                 </td>
    63         </tr>]
    64 
    65         [<tr>
    66                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    67                         Focale
    68                 </td>
    69                 <td >
    70                 (#FICHIER|lire_exif{focalLength})&nbsp;mm
    71                 </td>
    72         </tr>]
    73 
    74         [<tr>
    75                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    76                         Focale éq.&nbsp;35&nbsp;mm
    77                 </td>
    78                 <td >
    79                 (#FICHIER|lire_exif{focalLength35mm})&nbsp;mm
    80                 </td>
    81         </tr>]
    82 
    83         [<tr>
    84                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    85                         Flash
    86                 </td>
    87                 <td >
    88                 [<img src="(#CHEMIN{imgs_photo/flash-[(#FICHIER|lire_exif{flashUsed})]-16.png})" alt="ISO" align="top" />]
    89                 (#FICHIER|lire_exif{flashUsed})
    90                 </td>
    91         </tr>]
    92 
    93         [<tr>
    94                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    95                         Distance
    96                 </td>
    97                 <td >
    98                 (#FICHIER|lire_exif{focusDistance})[(#FICHIER|lire_exif{focusDistance}|=={infini}|?{'','&nbsp;m'})]
    99                 </td>
    100         </tr>]
    101 
    102         [<tr>
    103                 <td style='width: 50%; font-size: 90%; color: #4d6110; text-align: right; padding-right: 5px;'>
    104                         Ouverture max.
    105                 </td>
    106                 <td >
    107                 [<img src="(#CHEMIN{imgs_photo/ouverture-max-16.png})" alt="ISO" align="top" />]
    108                 <i>f</i>/(#FICHIER|lire_exif{maxAperture})
    109                 </td>
    110         </tr>]
    111 
    112         </table>
    113         </div>
    114 ]
    115 
    116 </div>
     13<BOUCLE_document (DOCUMENTS){si #PLUGIN{PHOTO_INFOS}|oui} {id_document=#ID}{extension==jpg|png|gif}>
     14    <INCLURE{fond=inclusions/inc-donnees_exif}{id_document=#ID}{fichier=#FICHIER}>
    11715</BOUCLE_document>
  • _squelettes_/escal/branche_V3/paquet.xml

    r93403 r93411  
    22    prefix="escal"
    33    categorie="squelette"
    4     version="3.83.1"
     4    version="3.83.2"
    55    schema="1.0.6"
    66    etat="stable"
Note: See TracChangeset for help on using the changeset viewer.