www/plugins/ressource/modeles/album_flickr.html

   1 #SET{apikey,8e9d40e9fe62ab49c1ed33f91c027d19}
   2 #SET{api,https://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=#GET{apikey}&photoset_id=#ALBUM&extras=url_s%2C+url_q%2C+url_sq%2C+url_m%2C+url_l%2C+description&format=json&nojsoncallback=1}
   3
   4 <BOUCLE_meta(DATA)
   5         {source json,#GET{api}}>
   6 #SET{album_#CLE,#VALEUR**}
   7 </BOUCLE_meta>
   8
   9 <B_album>
  10 <style>
  11 .album ul {
  12   margin: 0;
  13   list-style: none;
  14 }
  15 .album li {
  16   float: left;
  17   margin: 0;
  18   margin: 0 10px 10px 0;
  19 }
  20 .album .thumb {
  21   margin: 0;
  22 }
  23 </style>
  24 <figure class="album">
  25
  26 [(#REM) title=" " pour ne pas avoir de titre ]
  27 [<figcaption>(#ENV{title}|sinon{#GET{album_photoset}|table_valeur{title}}|trim)</figcaption>]
  28
  29 <ul class="clearfix">
  30 <BOUCLE_album(DATA)
  31         {source json,#GET{api}}{datapath photoset/photo}>
  32 <li>
  33
  34  <a[ href="(#VALEUR{url_l}|sinon{#VALEUR{url_m}})"] type="image/jpeg"
  35   data-destw="#VALEUR{width_m}"
  36   data-desth="#VALEUR{height_m}"
  37   rel="album#ALBUM"
  38   title="[(#VALEUR{title}|entites_html|concat{[ &lt;br&gt;&lt;small&gt; (#VALEUR{description/_content}|print|entites_html)&lt;/small&gt;]})]"><img
  39   src="#VALEUR{url_q}"
  40   width="#VALEUR{width_q}" height="#VALEUR{height_q}"
  41   class="thumb"
  42  /></a>
  43
  44 </li>
  45
  46 </BOUCLE_album>
  47 </ul>
  48 </figure>
  49 </B_album>
  50
  51         <a href="flickr">Album introuvable</a>
  52 <//B_album>