Changeset 86575 in spip-zone


Ignore:
Timestamp:
Dec 11, 2014, 9:49:20 AM (5 years ago)
Author:
arno@…
Message:

Background-responsive: utiliser deux images, une horizontale, une verticale, pour utiliser celle qui a le moins de perte selon les proportions d'affichage.

Location:
_plugins_/image_responsive
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/image_responsive/image_responsive.js

    r86569 r86575  
    7878function charger_url_background_responsive(this_img) {
    7979        var dPR = window.devicePixelRatio;
    80                 var src = this_img.attr("data-src");
    81                 var l = this_img.attr("data-l");
    82                 var h = this_img.attr("data-h");
    8380                vertical = false;
    8481
    8582                var dim_l= parseInt(this_img.width());
    8683                var dim_h = parseInt(this_img.height());
     84
     85                if (dim_l > dim_h) {
     86                        var src = this_img.attr("data-italien-src");
     87                        var l = this_img.attr("data-italien-l");
     88                        var h = this_img.attr("data-italien-h");
     89                } else {
     90                        var src = this_img.attr("data-portrait-src");
     91                        var l = this_img.attr("data-portrait-l");
     92                        var h = this_img.attr("data-portrait-h");
     93                }
     94
    8795               
    8896                if ( (dim_l/dim_h) > (l/h) ) { /* fenetre plus large que l'image */
  • _plugins_/image_responsive/image_responsive_fonctions.php

    r86559 r86575  
    132132               
    133133                //$img = inserer_attribut($img, "src", $src);
    134                 $ins = "data-src='$src'";
     134               
     135                if ($l > $h) {
     136                        $ins = "data-italien-src='$src'";
     137                        $ins .= " data-italien-l='$l'";
     138                        $ins .= " data-italien-h='$h'";
     139                       
     140                        $srcp = image_reduire($src, 0, 2400);
     141                        $srcp = image_proportions($srcp, 3, 4);
     142                        $srcp = extraire_attribut($srcp, "src");
     143                        $lp = largeur($srcp);
     144                        $hp = hauteur($srcp);
     145                       
     146                        $ins .= "data-portrait-src='$srcp'";
     147                        $ins .= " data-portrait-l='$lp'";
     148                        $ins .= " data-portrait-h='$hp'";
     149               
     150                } else {
     151                        $ins = "data-portrait-src='$src'";
     152                        $ins .= " data-portrait-l='$l'";
     153                        $ins .= " data-portrait-h='$h'";
     154
     155
     156                        $srcp = image_reduire($src, 2400, 0);
     157                        $srcp = image_proportions($srcp, 4, 3);
     158                        $srcp = extraire_attribut($srcp, "src");
     159                        $lp = largeur($srcp);
     160                        $hp = hauteur($srcp);
     161                       
     162                        $ins .= " data-italien-src='$srcp'";
     163                        $ins .= " data-italien-l='$lp'";
     164                        $ins .= " data-italien-h='$hp'";
     165                }
     166
     167
    135168                $ins .= " data-responsive='background'";
    136169               
     
    151184                if ($lazy == 1) $ins .= " data-lazy='lazy'";
    152185
    153                 $ins .= " data-l='$l'";
    154                 $ins .= " data-h='$h'";
    155186                $ins .= " class='$class'";
    156187               
  • _plugins_/image_responsive/paquet.xml

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