Changeset 70658 in spip-zone


Ignore:
Timestamp:
Mar 13, 2013, 11:44:08 AM (7 years ago)
Author:
cedric@…
Message:

Report de 69774 : optimisation webperf du theme fancybox de la mediabox : utiliser des sprites pour limiter le nombre d'images chargees

Location:
_core_/plugins/mediabox
Files:
3 edited
2 copied

Legend:

Unmodified
Added
Removed
  • _core_/plugins/mediabox/colorbox/fancybox/colorbox_rtl.css

    r65017 r70658  
    2323#cboxOverlay{background:transparent;}
    2424#colorbox{}
    25     #cboxTopLeft{width:20px; height:20px; background: transparent url('images/fancy_shadow_nw.png') no-repeat;}
    26     #cboxTopRight{width:20px; height:20px; background: transparent url('images/fancy_shadow_ne.png') no-repeat;}
    27     #cboxBottomLeft{width:20px; height:20px; background: transparent url('images/fancy_shadow_sw.png') no-repeat;}
    28     #cboxBottomRight{width:20px; height:20px; background: transparent url('images/fancy_shadow_se.png') no-repeat;}
    29     #cboxMiddleLeft{width:20px; background: transparent url('images/fancy_shadow_w.png') repeat-y;}
    30     #cboxMiddleRight{width:20px; background: transparent url('images/fancy_shadow_e.png') repeat-y;}
    31     #cboxTopCenter{height:20px; background: transparent url('images/fancy_shadow_n.png') repeat-x;}
    32     #cboxBottomCenter{height:20px; background: transparent url('images/fancy_shadow_s.png') repeat-x;}
     25    #cboxTopLeft{width:20px; height:20px; background: transparent url('images/fancy_shadow-spt1.png') no-repeat -130px bottom;}
     26    #cboxTopRight{width:20px; height:20px; background: transparent url('images/fancy_shadow-spt1.png') no-repeat -50px bottom;}
     27    #cboxBottomLeft{width:20px; height:20px; background: transparent url('images/fancy_shadow-spt1.png') no-repeat -130px top;}
     28    #cboxBottomRight{width:20px; height:20px; background: transparent url('images/fancy_shadow-spt1.png') no-repeat -50px top;}
     29    #cboxMiddleLeft{width:20px; background: transparent url('images/fancy_shadow-spt1.png') repeat-y -105px top;}
     30    #cboxMiddleRight{width:20px; background: transparent url('images/fancy_shadow-spt1.png') repeat-y -75px top;}
     31    #cboxTopCenter{height:20px; background: transparent url('images/fancy_shadow-spt2.png') repeat-x bottom;}
     32    #cboxBottomCenter{height:20px; background: transparent url('images/fancy_shadow-spt2.png') repeat-x top;}
    3333    #cboxContent{background:#fff;}
    3434        #cboxLoadedContent{padding:10px;}
     
    3939        #cboxPrevious.hover{background:url(images/fancy_right.png) right 50% no-repeat;}
    4040        #cboxNext{position: absolute; top: 0; left: 15px; width: 35% ; height: 100%; text-indent:-9999px;}
    41         #cboxNext.hover{background:url(images/fancy_left.png) left 50% no-repeat;}
     41        #cboxNext.hover{background:url(images/fancy_shadow-spt1.png) -170px 50% no-repeat;}
    4242        #cboxSlideshow{position:absolute; top: -12px; right:-15px; width: 30px; height: 30px;
    43                 background:url(images/fancy_play.png) 0 0 no-repeat; text-indent:-9999px;}
     43                background:url(images/fancy_shadow-spt2.png) -120px -35px no-repeat; text-indent:-9999px;}
    4444        #cboxLoadingOverlay{background:#fff;}
    4545        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
    4646        #cboxClose{position:absolute; top: -12px; left: -15px; height: 30px; width: 30px;
    47                 background:url(images/fancy_closebox.png) 0 0 no-repeat; text-indent:-9999px;}
     47                background:url(images/fancy_shadow-spt2.png) -0px -35px no-repeat; text-indent:-9999px;}
    4848
    49         .cboxSlideshow_on #cboxSlideshow{background:url(images/fancy_pause.png) no-repeat;}
    50         .cboxSlideshow_off #cboxSlideshow{background:url(images/fancy_play_rtl.png) no-repeat;}
     49        .cboxSlideshow_on #cboxSlideshow{background-position:-80px -35px;}
     50        .cboxSlideshow_off #cboxSlideshow{background-position:-120px -35px;}
  • _core_/plugins/mediabox/javascript/jquery.colorbox.js

    r65790 r70658  
    489489                                                $.data(this, colorbox, $.extend($.data(this, colorbox),{iframe:true}));
    490490                                        }
     491                                        if (eltclass.indexOf("boxInline")!==-1) {
     492                                                $.data(this, colorbox, $.extend($.data(this, colorbox),{inline:true}));
     493                                        }
    491494                                        if (eltclass.indexOf("boxSlideshow_off")!==-1) {
    492495                                                $.data(this, colorbox, $.extend($.data(this, colorbox),{slideshow:false}));
  • _core_/plugins/mediabox/paquet.xml

    r65790 r70658  
    22        prefix="mediabox"
    33        categorie="multimedia"
    4         version="0.8.2"
     4        version="0.8.3"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.1.*]"
Note: See TracChangeset for help on using the changeset viewer.