Changeset 27402


Ignore:
Timestamp:
02/18/14 08:08:00 (5 years ago)
Author:
Miklfe
Message:

Correction du slideshow.js
correction de l'erreur d'affichage des boutons actions sur la page image
modification du css

Location:
extensions/Slide
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slide/js/slideshow.js

    r27126 r27402  
    7979                                        $('ul',ele).append($('<li />').addClass('img-' + i).append($('<div />').addClass('contenerImg').width(options.width).height(cont_h).append(blockImg))); 
    8080                                 
    81                                         var $block = $('.img-'+ i ,ele); 
    82                                         _resizeSlideshowImag($block)    ; 
    83  
    8481                                }); 
    85  
     82                                 
     83                                _resizeSlideshowImag(); 
    8684         
    87                 //resize and center image_____________________________________________________________________________________________________ 
    88                                  
    89                                 function _resizeSlideshowImag ($block){ 
    90  
    91                                         var $img                = $block.find('img'), 
    92                                                 $descr          = $block.find('.descr'), 
    93                                                 $img_w          = $img.width(), 
    94                                                 $img_h          = $img.height(), 
    95                                                 $img_r          = $img_h/$img_w, 
    96                                                 $box_h          = cont_h, 
    97                                                 $box_w          = options.width, 
    98                                                 $box_r          = $box_h/$box_w, 
    99                                                 $new_h, 
    100                                                 $new_w; 
    101                                          
    102                                         if(($img_h > $box_h) || ($img_w > $box_w)){ 
    103                                                 if($box_r < $img_r){ 
    104                                                         $new_h  = $box_h - 30; 
    105                                                         $new_w  = $box_h / $img_r 
    106                                                 }else{ 
    107                                                         $new_h  = ($box_w * $img_r) - 30; 
    108                                                         $new_w  = $box_w 
    109                                                 }; 
    110  
    111                                         }else{ 
    112                                                 $new_h  = $img_h; 
    113                                                 $new_w  = $img_w; 
    114                                         }; 
    115                                         var $left       = ($(ele).data('e').s_w / 2)-($new_w / 2) + 'px', 
    116                                                 $top    = ($box_h / 2)-($new_h / 2) + 'px'; 
    117                                                  
    118                                         $img.css({ 
    119                                                 width   : $new_w + 'px', 
    120                                                 height  : $new_h + 'px', 
    121                                                 left    : $left, 
    122                                                 top             : $top, 
    123                                         }); 
    124                                         $descr.css( 
    125                                                 { 
    126                                                 left    : $left, 
    127                                                 width   : $new_w + 'px', 
    128                                                 height  : $new_h/4, 
    129                                                 bottom  : (($box_h / 2)-($new_h / 2)) + 'px', 
    130                                         }) 
    131                         //      }) 
    132                                 }; 
    13385//slide_____________________________________________________________________________________________ 
    13486                                if(options.styleSlideshow == 'Slide'){ 
     
    323275 
    324276//___________________________________________Fonctions_____________________________________________________________________________________ 
     277//resize and center image__________________________________________________________________________________________________________________ 
     278                                 
     279                                function _resizeSlideshowImag (){ 
     280                                         
     281                                        $('ul img',ele).each(function(){ 
     282                                                var $img                = $(this), 
     283                                                        $descr          = $(this).prev(), 
     284                                                        $img_w          = $img.width(), 
     285                                                        $img_h          = $img.height(), 
     286                                                        $img_r          = $img_h/$img_w, 
     287                                                        $box_h          = cont_h, 
     288                                                        $box_w          = options.width, 
     289                                                        $box_r          = $box_h/$box_w, 
     290                                                        $new_h, 
     291                                                        $new_w; 
     292                                                if(($img_h > $box_h) || ($img_w > $box_w)){ 
     293                                                        if($box_r < $img_r){ 
     294                                                                $new_h  = $box_h - 30; 
     295                                                                $new_w  = $box_h / $img_r 
     296                                                        }else{ 
     297                                                                $new_h  = ($box_w * $img_r) - 30; 
     298                                                                $new_w  = $box_w 
     299                                                        }; 
     300         
     301                                                }else{ 
     302                                                        $new_h  = $img_h; 
     303                                                        $new_w  = $img_w; 
     304                                                }; 
     305                                                var $left       = ($(ele).data('e').s_w / 2)-($new_w / 2) + 'px', 
     306                                                        $top    = ($box_h / 2)-($new_h / 2) + 'px'; 
     307                                                         
     308                                                $img.css({ 
     309                                                        width   : $new_w + 'px', 
     310                                                        height  : $new_h + 'px', 
     311                                                        left    : $left, 
     312                                                        top             : $top, 
     313                                                }); 
     314                                                $descr.css( 
     315                                                        { 
     316                                                        left    : $left, 
     317                                                        width   : $new_w + 'px', 
     318                                                        height  : $new_h/4, 
     319                                                        bottom  : (($box_h / 2)-($new_h / 2)) + 'px', 
     320                                                }) 
     321                                        }) 
     322                                }; 
    325323//animation________________________________________________________________________________________________________________________________                      
    326324                        function _rotate(ele) {  
  • extensions/Slide/template/picture.tpl

    r26889 r27402  
    1 {* Example of resizeable 
    2 {include file='include/autosize.inc.tpl'} 
    3 *} 
    41 
    52{if isset($MENUBAR)}{$MENUBAR}{/if} 
     
    2421 
    2522{strip}<a id="derivativeSwitchLink" title="{'Photo sizes'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> 
    26   <span class="pwg-icon pwg-icon-sizes">&nbsp;</span><span class="pwg-button-text">{'Photo sizes'|@translate}</span> 
     23  <span class="pwg-icon pwg-icon-sizes"></span><span class="pwg-button-text">{'Photo sizes'|@translate}</span> 
    2724</a> 
    2825<div id="derivativeSwitchBox" class="switchBox"> 
    2926  <div class="switchBoxTitle">{'Photo sizes'|@translate}</div> 
    3027  {foreach from=$current.unique_derivatives item=derivative key=derivative_type} 
    31   <span class="switchCheck" id="derivativeChecked{$derivative_type}"{if $derivative->get_type() ne $current.selected_derivative->get_type()} style="visibility:hidden"{/if}>&#x2714; </span> 
     28  <span class="swit  <span class="switchCheck" id="derivativeChecked{$derivative_type}"{if $derivative->get_type() ne $current.selected_derivative->get_type()} style="visibility:hidden"{/if}>&#x2714; </span> 
    3229  <span href="" class="derivative" data-typesave="{$derivative_type}"  data-url="{$derivative->get_url()}" data-typemap="{$derivative->get_type()} " data-cookie="{$COOKIE_PATH}">{$derivative->get_type()|@translate}<span class="derivativeSizeDetails"> ({$derivative->get_size_hr()})</span> 
     30 
    3331  </span><br> 
    3432  {/foreach} 
    35   {if isset($U_ORIGINAL)} 
     33{if isset($U_ORIGINAL)} 
    3634    {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'} 
    3735  <span class="original" href="" rel="nofollow" data-url="{$U_ORIGINAL}" data-winname="xxx" data-features="scrollbars=yes,toolbar=no,status=no,resizable=yes">{'Original'|@translate}</span> 
    38   {/if} 
     36{/if} 
    3937</div> 
    4038{/strip} 
     
    5553        </a> 
    5654{/if}{/strip} 
     55{if isset($PLUGIN_PICTURE_BUTTONS)}{foreach from=$PLUGIN_PICTURE_BUTTONS item=button}{$button}{/foreach}{/if} 
    5756{if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if} 
    5857{strip}{if isset($favorite)} 
  • extensions/Slide/template/picture_nav_buttons.tpl

    r26889 r27402  
    44{if isset($slideshow.U_INC_PERIOD)} 
    55        <a href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" class="pwg-state-default pwg-button"> 
    6                 <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span> 
     6                <span class="pwg-icon pwg-icon-clock-minus"></span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span> 
    77        </a> 
    88{else} 
    99        <span class="pwg-state-disabled pwg-button"> 
    10                 <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span> 
     10                <span class="pwg-icon pwg-icon-clock-minus"></span><span class="pwg-button-text">{'Reduce diaporama speed'|@translate}</span> 
    1111        </span> 
    1212{/if} 
    1313{if isset($slideshow.U_DEC_PERIOD)} 
    1414        <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button"> 
    15                 <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 
     15                <span class="pwg-icon pwg-icon-clock-plus"></span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 
    1616        </a> 
    1717{else} 
    1818        <span class="pwg-state-disabled pwg-button"> 
    19                 <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 
     19                <span class="pwg-icon pwg-icon-clock-plus"></span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span> 
    2020        </span> 
    2121{/if} 
     
    2323{if isset($slideshow.U_START_REPEAT)} 
    2424        <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" class="pwg-state-default pwg-button"> 
    25                 <span class="pwg-icon pwg-icon-repeat-play">&nbsp;</span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span> 
     25                <span class="pwg-icon pwg-icon-repeat-play"></span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span> 
    2626        </a> 
    2727{/if} 
    2828{if isset($slideshow.U_STOP_REPEAT)} 
    2929        <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" class="pwg-state-default pwg-button"> 
    30                 <span class="pwg-icon pwg-icon-repeat-stop">&nbsp;</span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span> 
     30                <span class="pwg-icon pwg-icon-repeat-stop"></span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span> 
    3131        </a> 
    3232{/if} 
    3333{strip}{if isset($first)} 
    3434        <a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button slshFirst"> 
    35                 <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span> 
     35                <span class="pwg-icon pwg-icon-arrowstop-w"></span><span class="pwg-button-text">{'First'|@translate}</span> 
    3636        </a> 
    3737{else} 
    3838        <span class="pwg-state-disabled pwg-button"> 
    39                 <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span> 
     39                <span class="pwg-icon pwg-icon-arrowstop-w"></span><span class="pwg-button-text">{'First'|@translate}</span> 
    4040        </span> 
    4141{/if}{/strip} 
    4242{strip}{if isset($U_UP) and !isset($slideshow)} 
    4343        <a href="{$U_UP}" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button"> 
    44                 <span class="pwg-icon pwg-icon-arrow-n">&nbsp;</span><span class="pwg-button-text">{'Thumbnails'|@translate}</span> 
     44                <span class="pwg-icon pwg-icon-arrow-n"></span><span class="pwg-button-text">{'Thumbnails'|@translate}</span> 
    4545        </a> 
    4646{/if}{/strip} 
    4747{strip}{if isset($previous)} 
    48         <a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE|@escape}" class="pwg-state-default pwg-button"> 
    49                 <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span> 
     48        <a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE_ESC}" class="pwg-state-default pwg-button"> 
     49                <span class="pwg-icon pwg-icon-arrow-w"></span><span class="pwg-button-text">{'Previous'|@translate}</span> 
    5050        </a> 
    5151{else} 
    5252        <span class="pwg-state-disabled pwg-button"> 
    53                 <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span> 
     53                <span class="pwg-icon pwg-icon-arrow-w"></span><span class="pwg-button-text">{'Previous'|@translate}</span> 
    5454        </span> 
    5555{/if}{/strip} 
    5656{if isset($slideshow.U_START_PLAY)} 
    5757        <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" class="pwg-state-default pwg-button"> 
    58                 <span class="pwg-icon pwg-icon-play">&nbsp;</span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span> 
     58                <span class="pwg-icon pwg-icon-play"></span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span> 
    5959        </a> 
    6060{/if} 
    6161{if isset($slideshow.U_STOP_PLAY)} 
    6262        <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" class="pwg-state-default pwg-button"> 
    63                 <span class="pwg-icon pwg-icon-pause">&nbsp;</span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span> 
     63                <span class="pwg-icon pwg-icon-pause"></span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span> 
    6464        </a> 
    6565{/if} 
    6666{strip}{if isset($next)} 
    6767        <a href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE|@escape}" class="pwg-state-default pwg-button pwg-button-icon-right"> 
    68                 <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span> 
     68                <span class="pwg-icon pwg-icon-arrow-e"></span><span class="pwg-button-text">{'Next'|@translate}</span> 
    6969        </a> 
    7070{else} 
    7171        <span class="pwg-state-disabled pwg-button pwg-button-icon-right"> 
    72                 <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span> 
     72                <span class="pwg-icon pwg-icon-arrow-e"></span><span class="pwg-button-text">{'Next'|@translate}</span> 
    7373        </span> 
    7474{/if}{/strip} 
     
    7979{else} 
    8080        <span class="pwg-state-disabled pwg-button pwg-button-icon-right"> 
    81                 <span class="pwg-icon pwg-icon-arrowstop-e">&nbsp;</span><span class="pwg-button-text">{'Last'|@translate}</span> 
     81                <span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span> 
    8282        </span> 
    8383{/if}{/strip}-->*} 
  • extensions/Slide/theme.css

    r27022 r27402  
    182182} 
    183183 
    184 .dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt, #menubar dt a { 
     184.dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt { 
    185185    float:                      left; 
    186186    padding:                    3px 16px 6px; 
     
    190190    text-decoration:            none; 
    191191    font-size:                  16px; 
     192} 
     193#menubar dt a{ 
     194        color:                                          #B3B3B3; 
    192195} 
    193196.activate{ 
Note: See TracChangeset for help on using the changeset viewer.