Changeset 88694 in spip-zone


Ignore:
Timestamp:
Apr 20, 2015, 3:25:37 PM (5 years ago)
Author:
arno@…
Message:

Gérer les dimensions de la «picture» quand recadrages multiples dans des styles (pfff…).

Location:
_plugins_/image_responsive
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/image_responsive/image_responsive_fonctions.php

    r88692 r88694  
    110110                                        $p[$i]["f"] = $regs[5];
    111111                                        $p[$i]["z"] = $regs[7];
     112                                       
     113                                        if (!$regs[5]) $p[$i]["f"] = "center";
     114                                        if (!$regs[7]) $p[$i]["z"] = 1;
    112115                                }
    113116                        }
    114117                }
    115118                if (count($p) == 1) {
    116                         $source = image_proportions($source_tmp, $p[1]["l"], $p[1]["h"], $p[1]["f"], $p[1]["z"]);
    117                         $source = extraire_attribut($source_tmp,"src");
     119                        $source = image_proportions($source, $p[1]["l"], $p[1]["h"], $p[1]["f"], $p[1]["z"]);
     120                        $source = extraire_attribut($source,"src");
    118121                }
    119122               
     
    155158                                                $source_tmp = $source;
    156159                                               
    157                                                 if (count($p[$i]) > 1) {
     160                                                if (count($p) > 1 && count($p[$i]) > 1) {
    158161                                                        $source_tmp = image_proportions($source_tmp, $p[$i]["l"], $p[$i]["h"], $p[$i]["f"], $p[$i]["z"]);
    159162                                                        $source_tmp = extraire_attribut($source_tmp,"src");
     163                                                       
     164                                                        $pad_bot_styles[$m] = "padding-bottom:" .(($p[$i]["h"]/$p[$i]["l"])*100)."%!important";
     165                                                       
    160166                                                }
    161167
     
    200206                }
    201207               
     208
     209                if ($pad_bot_styles) {
     210                        foreach($pad_bot_styles as $m=>$pad) {
     211                                $style = "##classe##{".$pad."}";
     212                                if ($m) $style = "\n@media $m {".$style."}";
     213                                $styles .= $style;
     214                        }
     215                        $styles = "<style>$styles</style>";
     216                        $nom_class = "class".md5($styles);
     217                        $styles = str_replace("##classe##", "picture.".$nom_class, $styles);
     218                        // pour affichage dans la classe de picture
     219                        $nom_class = " ".$nom_class;
     220                }
    202221               
    203222                if ($vertical == 0) {
     
    206225                       
    207226                        if ($r) $aff_r = "padding-bottom:$r%";
    208                         $img = "<picture style='padding:0;$aff_r' class='conteneur_image_responsive_h'>$sources$img</picture>";
     227                        $img = "<picture style='padding:0;$aff_r' class='conteneur_image_responsive_h$nom_class'>$sources$img</picture>";
    209228                } else {
    210229                        $r = (($h/$l)*100);
    211                         $img = "<picture class='conteneur_image_responsive_v'>$sources$img</picture>";
    212                 }
     230                        $img = "<picture class='conteneur_image_responsive_v$nom_class'>$sources$img</picture>";
     231                }
     232                $img = $img.$styles;
    213233        }
    214234       
  • _plugins_/image_responsive/paquet.xml

    r88692 r88694  
    22        prefix="image_responsive"
    33        categorie="outil"
    4         version="5.5.1"
     4        version="5.5.2"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.1.*]"
Note: See TracChangeset for help on using the changeset viewer.