Changeset 87048 in spip-zone


Ignore:
Timestamp:
Jan 9, 2015, 1:15:50 PM (5 years ago)
Author:
tcharlss@…
Message:

Modèle «vignettes» : compatibilité avec Bootstrap et Foundation.
Ajout des classes CSS qui vont bien pour un affichage correct avec ces 2 plugins.
On complète la feuille de style de base par 2 CSS qui contiennent quelques fix (chargées uniquement quand les plugins sont activés).
Ajout également de quelques attributs aria pour accessibilité (tirés des thumbnails de Foundation).
La taille max par défaut passe à 150 (au lieu de 120).

Location:
_plugins_/albums/trunk
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/albums/trunk/albums_options.php

    r87044 r87048  
    3232
    3333// [vignettes] Dimension maximale des vignettes : nombre
    34 if (!defined('_ALBUMS_TAILLE_PREVIEW'))                define('_ALBUMS_TAILLE_PREVIEW',120);
     34if (!defined('_ALBUMS_TAILLE_PREVIEW'))                define('_ALBUMS_TAILLE_PREVIEW',150);
    3535
    3636// [vignettes] Recadrer ou non les vignettes
  • _plugins_/albums/trunk/albums_pipelines.php

    r86340 r87048  
    294294        if (!defined('_ALBUMS_INSERT_HEAD_CSS') OR !_ALBUMS_INSERT_HEAD_CSS){
    295295                include_spip("inc/config");
     296                if (!function_exists('liste_plugin_actifs')) include_spip('inc/plugin');
    296297                $cfg = (defined('_ALBUMS_INSERT_HEAD_CSS')?_ALBUMS_INSERT_HEAD_CSS:lire_config("albums/insert_head_css",1));
    297298                if ($cfg){
     299
     300                        // feuille de style minimale de base
    298301                        $flux .= '<link rel="stylesheet" href="'.find_in_path('css/albums.css').'" type="text/css" />';
     302
     303                        // fix selon les plugins
     304                        $plugins_actifs = liste_plugin_actifs();
     305
     306                        // compatibilité avec bootstrap
     307                        if (isset($plugins_actifs['BOOTSTRAP'])) {
     308                                $flux .= '<link rel="stylesheet" href="'.find_in_path('css/albums_bootstrap.css').'" type="text/css" />';
     309                        }
     310
     311                        // compatibilité avec foundation
     312                        if (isset($plugins_actifs['FOUNDATION'])) {
     313                                $flux .= '<link rel="stylesheet" href="'.find_in_path('css/albums_foundation.css').'" type="text/css" />';
     314                        }
    299315                }
    300316        }
  • _plugins_/albums/trunk/modeles/album.html

    r87043 r87048  
    4848                                  défaut  : _ALBUMS_TAILLE_PREVIEW > taille des miniatures dans les options avancées > 0
    4949                hauteur           Hauteur maximale des images (filtre image_reduire).
    50                                   défaut  : _ALBUMS_TAILLE_PREVIEW > taille des miniatures dans les options avancées > 120
     50                                  défaut  : _ALBUMS_TAILLE_PREVIEW > taille des miniatures dans les options avancées > 150
    5151                recadrer          Pour recadrer les images (filtre image_passe_partout + image_recadre).
    5252                                  valeurs : n'importe quelle chaîne (oui, true...)
  • _plugins_/albums/trunk/modeles/inc-album.html

    r87043 r87048  
    1919(#SET{titre_album,        #ENV{titre}|in_array{#LISTE{oui,true}}|?{#INFO_TITRE{album,#ID_ALBUM},#ENV{titre}|trim}})][
    2020(#SET{descriptif_album,   #ENV{descriptif}|?{#INFO_DESCRIPTIF{album,#ID_ALBUM}}})][
    21 (#SET{taille_preview,     #CONFIG{taille_preview}|intval|sinon{#EVAL{_ALBUMS_TAILLE_PREVIEW}|intval}|sinon{120}})][
     21(#SET{taille_preview,     #CONFIG{taille_preview}|intval|sinon{#EVAL{_ALBUMS_TAILLE_PREVIEW}|intval}|sinon{150}})][
    2222(#SET{recadrer,           #VAL{recadrer}|in_array{#ENV{args}|array_keys}|?{#ENV{recadrer},#EVAL{_ALBUMS_RECADRER}}})][
    2323(#SET{pagination,         #ENV{pagination}|intval|sinon{#EVAL{_ALBUMS_PAGINATION_VIGNETTES}|intval}|sinon{#EVAL{_ALBUMS_PAGINATION}|intval}|sinon{20}})][
     
    3232        #ANCRE_PAGINATION
    3333        [(#GET{position_legende}|=={top}|oui)[(#GET{caption})]]
    34         <ul>
     34        <ul[ (#PLUGIN{bootstrap}|oui)class='thumbnails'][ (#PLUGIN{foundation}|oui)class='small-block-grid-4']>
    3535                <BOUCLE_documents_album(DOCUMENTS){id_document IN #ENV{ids_documents}}{tout}{pagination #GET{pagination} #VAL{album}|concat{#ENV{id}}}>[
    3636                (#SET{src,#MEDIA|=={image}|?{
     
    4242                (#SET{titre_document,#TITRE|sinon{#FICHIER|basename}})][
    4343                (#SET{titre_document_long,#GET{titre_document}|concat{' - ',#TYPE_DOCUMENT,' - ',#TAILLE|taille_en_octets}})]
    44                 <li>
    45                         <a href="#FICHIER" type="#MIME_TYPE" rel="album#ID_ALBUM" class="[(#EXTENSION|attribut_html)]" title="[(#GET{titre_document_long}|attribut_html)]">
    46                                 [(#GET{src}|balise_img{#GET{titre_document_long},vignette})]
     44                <li[ (#PLUGIN{bootstrap}|oui)class='thumbnail']>
     45                        <a href="#FICHIER" type="#MIME_TYPE" rel="album#ID_ALBUM" class="[(#EXTENSION)][ (#PLUGIN{foundation}|oui)th]" title="[(#GET{titre_document_long}|attribut_html)]" role="button" aria-label="Vignette">
     46                                [(#GET{src}|balise_img{#GET{titre_document_long},vignette}|inserer_attribut{aria-hidden,true})]
    4747                        </a>
    4848                        [(#ENV{label}|oui)[<span class="label">(#GET{titre_document})</span>]]
Note: See TracChangeset for help on using the changeset viewer.