Changeset 80403 in spip-zone


Ignore:
Timestamp:
Feb 2, 2014, 2:20:59 PM (6 years ago)
Author:
cedric@…
Message:

upgrade librairie : suppression des span dans les css, largeur maxi pour l'image de fallback

Location:
_plugins_/adaptive_images/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/adaptive_images/trunk/lib/AdaptiveImages/AdaptiveImages.php

    r80389 r80403  
    33 * AdaptiveImages
    44 *
    5  * @version    1.5.0
     5 * @version    1.5.2
    66 * @copyright  2013
    77 * @author     Nursit
     
    8484         */
    8585        protected $maxWidthMobileVersion = 320;
     86
     87        /**
     88         * Maximum width for fallback when maxWidth1x is very large
     89         * @var int
     90         */
     91        protected $maxWidthFallbackVersion = 640;
    8692
    8793        /**
     
    300306                        // Common styles for all adaptive images during loading
    301307                        $ins = "<style type='text/css'>"."img.adapt-img{opacity:0.70;max-width:100%;height:auto;}"
    302                         ."span.adapt-img-wrapper,span.adapt-img-wrapper:after{display:inline-block;max-width:100%;position:relative;-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;line-height:1px;}"
    303                         ."span.adapt-img-wrapper:after{position:absolute;top:0;left:0;right:0;bottom:0;content:\"\"}"
    304                         ."@media print{html span.adapt-img-wrapper{background:none}html span.adapt-img-wrapper img {opacity:1}html span.adapt-img-wrapper:after{display:none}}"
     308                        .".adapt-img-wrapper,.adapt-img-wrapper:after{display:inline-block;max-width:100%;position:relative;-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;line-height:1px;}"
     309                        .".adapt-img-wrapper:after{position:absolute;top:0;left:0;right:0;bottom:0;content:\"\"}"
     310                        ."@media print{html .adapt-img-wrapper{background:none}html .adapt-img-wrapper img {opacity:1}html .adapt-img-wrapper:after{display:none}}"
    305311                        ."</style>\n";
    306312                        // JS that evaluate connection speed and add a aislow class on <html> if slow connection
    307313                        // and onload JS that adds CSS to finish rendering
    308                         $async_style = "html img.adapt-img{opacity:0.01}html span.adapt-img-wrapper:after{display:none;}";
     314                        $async_style = "html img.adapt-img{opacity:0.01}html .adapt-img-wrapper:after{display:none;}";
    309315                        $length = strlen($html)+strlen($ins_style)+2000; // ~2000 bytes for CSS and minified JS we add here
    310316                        // minified version of AdaptiveImages.js (using http://closure-compiler.appspot.com/home)
     
    315321                        // alternative noscript if no js (to de-activate progressive rendering on PNG and GIF)
    316322                        if (!$this->nojsPngGifProgressiveRendering)
    317                                 $ins .= "<noscript><style type='text/css'>.png img.adapt-img,.gif img.adapt-img{opacity:0.01}span.adapt-img-wrapper.png:after,span.adapt-img-wrapper.gif:after{display:none;}</style></noscript>";
     323                                $ins .= "<noscript><style type='text/css'>.png img.adapt-img,.gif img.adapt-img{opacity:0.01} .adapt-img-wrapper.png:after,.adapt-img-wrapper.gif:after{display:none;}</style></noscript>";
    318324
    319325                        $ins .= $ins_style;
     
    602608                                }
    603609                        }
    604                         if ($wk<=$maxWidth1x AND ($is_mobile OR !$srcMobile)){
     610                        if ($wk<=$maxWidth1x
     611                                AND ($wk<=$this->maxWidthFallbackVersion)
     612                                AND ($is_mobile OR !$srcMobile)){
    605613                                $fallback = $images[$wk]['10x'];
    606614                                $wfallback = $wk;
     
    715723                                        $not = $htmlsel[$kx];
    716724                                        $url = $this->filepath2URL($file);
    717                                         $medias[$mw] = "@media $mw{{$not} span.$cid,{$not} span.$cid:after{background-image:url($url);}}";
     725                                        $medias[$mw] = "@media $mw{{$not} .$cid,{$not} .$cid:after{background-image:url($url);}}";
    718726                                }
    719727                        }
     
    726734                        $file = $bkptImages[$wandroid]['15x'];
    727735                        $url = $this->filepath2URL($file);
    728                         $medias['android2'] = "html.android2 span.$cid,html.android2 span.$cid:after{background-image:url($url);}";
     736                        $medias['android2'] = "html.android2 .$cid,html.android2 .$cid:after{background-image:url($url);}";
    729737                }
    730738
     
    13321340        /**
    13331341         * SaveAffiche ou sauvegarde une image au format PNG
    1334          * Utilise les fonctions spécifiques GD.
     1342         * Utilise les fonctions specifiques GD.
    13351343         *
    13361344         * @param resource $img
     
    14171425         * Translate hexa color to RGB
    14181426         * @param string $color
    1419          *   hexa color (#000000 à #FFFFFF).
     1427         *   hexa color (#000000 to #FFFFFF).
    14201428         * @return array
    14211429         */
  • _plugins_/adaptive_images/trunk/paquet.xml

    r80384 r80403  
    22        prefix="adaptive_images"
    33        categorie="multimedia"
    4         version="1.6.2"
     4        version="1.6.3"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.1.*]"
Note: See TracChangeset for help on using the changeset viewer.