Changeset 27201


Ignore:
Timestamp:
02/05/14 10:43:02 (5 years ago)
Author:
JanisV
Message:

Improved Chrome fullscreen
Fix for Striped theme

Location:
extensions/Fotorama
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/Fotorama/main.inc.php

    r27181 r27201  
    22/* 
    33Plugin Name: Fotorama 
    4 Version: 2.6.e 
     4Version: 2.6.f 
    55Description: Fotorama based full-screen slideshow 
    66Plugin URI: http://piwigo.org/ext/extension_view.php?eid=727 
  • extensions/Fotorama/template/slideshow.tpl

    r27185 r27201  
    22{combine_script id='fotorama' require='jquery' load='header' path='plugins/Fotorama/fotorama/fotorama.js'} 
    33 
     4{literal} 
     5<script type="text/javascript"> 
     6var image_w = {/literal}{$item_height}{literal} 
     7var image_h = {/literal}{$item_height}{literal} 
     8</script> 
     9{/literal} 
     10 
    411<div id="slideshow"> 
    5         <div id="imageHeaderBar"> 
    6           <div class="browsePath"> 
    7                 {if isset($U_SLIDESHOW_STOP) } 
     12  <div id="imageHeaderBar"> 
     13        <div class="browsePath"> 
     14          {if isset($U_SLIDESHOW_STOP) } 
    815                [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> ] 
    9                 {/if} 
    10                         <h2 class="showtitle">{$current.TITLE}</h2> 
    11           </div> 
     16          {/if} 
     17          <h2 class="showtitle">{$current.TITLE}</h2> 
    1218        </div> 
     19  </div> 
    1320 
    14         <div id="imageToolBar"> 
    15           <div class="imageNumber">{$PHOTO}</div> 
    16         </div> 
     21  <div id="imageToolBar"> 
     22        <div class="imageNumber">{$PHOTO}</div> 
     23  </div> 
    1724 
    18         <div id="content"> 
     25  <div id="content"> 
    1926        <div id="theImage"> 
    2027      <div class="fotorama" data-startindex="{$current_rank}" data-ratio="16/9" data-auto="false" 
     
    3239      </div> 
    3340        </div> 
    34         </div> 
    35 <div> 
     41  </div> 
     42</div> 
    3643 
    37 <script> 
    38   $(function () { 
    39     $('.fotorama') 
     44{footer_script require='jquery'}{literal} 
     45  var fullscreen = false; 
     46  jQuery().ready(function() {  
     47    jQuery('.fotorama') 
    4048        // Listen to the events 
    4149        .on('fotorama:showend ', 
    4250            function (e, fotorama, extra) { 
     51              if (!fullscreen) { 
     52                history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow='); 
     53                jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 
     54                jQuery('#slideshow .showtitle').text(fotorama.activeFrame['title']); 
     55                jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal}); 
     56                document.title = fotorama.activeFrame['title'] + ' | {/literal}{$GALLERY_TITLE}{literal}'; 
     57              } 
     58            } 
     59        ) 
     60        .on('fotorama:fullscreenenter', 
     61            function (e, fotorama, extra) { 
     62              fullscreen = true; 
     63              fotorama.startAutoplay(); 
     64            } 
     65        ) 
     66        .on('fotorama:fullscreenexit', 
     67            function (e, fotorama, extra) { 
     68              fullscreen = false; 
     69 
    4370              history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow='); 
    44               $('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 
    45               $('#slideshow .showtitle').text(fotorama.activeFrame['title']); 
    46               document.title = fotorama.activeFrame['title'] + ' | {$GALLERY_TITLE}'; 
    47               $('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{count($items)}); 
     71              jQuery('#slideshow .browsePath a').attr('href', fotorama.activeFrame['url']); 
     72              jQuery('#slideshow .showtitle').text(fotorama.activeFrame['title']); 
     73              jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal}); 
     74              document.title = fotorama.activeFrame['title'] + ' | {/literal}{$GALLERY_TITLE}{literal}'; 
    4875            } 
    4976        ) 
     
    5178        .fotorama(); 
    5279  }); 
    53 </script> 
     80{/literal}{/footer_script} 
Note: See TracChangeset for help on using the changeset viewer.