Changeset 27342 for extensions/Fotorama

Timestamp:

Feb 12, 2014, 3:11:45 PM (10 years ago)

Author:

JanisV

Message:

Disable history update only in native full-screen mode
Hide thumbnails in full-screen mode, hide thumbnails in non full-screen mode

Location:

extensions/Fotorama

Files:

• admin.php (modified) (1 diff)
• language/en_UK/plugin.lang.php (modified) (1 diff)
• language/ru_RU/plugin.lang.php (modified) (1 diff)
• maintain.inc.php (modified) (1 diff)
• template/admin.tpl (modified) (1 diff)
• template/slideshow.tpl (modified) (3 diffs)

extensions/Fotorama/admin.php

@@ -21 +21 @@
   if (isset($_POST['nav']))
     $conf['Fotorama']['nav'] = $_POST['nav'];
+  if (isset($_POST['fullscreen_nav']))
+    $conf['Fotorama']['fullscreen_nav'] = $_POST['fullscreen_nav'];
 
   conf_update_param('Fotorama', serialize($conf['Fotorama']));

extensions/Fotorama/language/en_UK/plugin.lang.php

@@ -10 +10 @@
 $lang['Stops slideshow at any user action with the fotorama'] = 'Stops slideshow at any user action with the fotorama';
 $lang['Enables loop'] = 'Enables loop';
+$lang['Fullscreen navigation style'] = 'Fullscreen navigation style';
 
 ?>

extensions/Fotorama/language/ru_RU/plugin.lang.php

@@ -10 +10 @@
 $lang['Stops slideshow at any user action with the fotorama'] = 'Останавливать слайдшоу при любом действии пользователя с Fotorama';
 $lang['Enables loop'] = 'Показывать в цикле';
+$lang['Fullscreen navigation style'] = 'Стиль навигации в полноэкранном режиме';
 
 ?>

extensions/Fotorama/maintain.inc.php

@@ -16 +16 @@
     'loop' => true,
     'nav' => 'false',
+    'fullscreen_nav' => 'false',
   );
 

extensions/Fotorama/template/admin.tpl

@@ -50 +50 @@
   </li>
   <li>
+    <label for="fullscreen_nav">
+      <b>{'Fullscreen navigation style'|@translate}</b> 
+    </label>
+    <select class="categoryDropDown" id="fullscreen_nav" name="fullscreen_nav">
+      <option value="false"{if $Fotorama.fullscreen_nav == 'false'} selected{/if}>{'false'|@translate}</option>
+      <option value="dots"{if $Fotorama.fullscreen_nav == 'dots'} selected{/if}>{'dots'|@translate}</option>
+      <option value="thumbs"{if $Fotorama.fullscreen_nav == 'thumbs'} selected{/if}>{'thumbs'|@translate}</option>
+    </select>
+  </li>
+  <li>
     <input type="checkbox" id="shadows" name="shadows"{if $Fotorama.shadows} checked="checked"{/if}>
     <label for="shadows">

extensions/Fotorama/template/slideshow.tpl

@@ -34 +34 @@
         <a href="{$thumbnail['derivative']->get_url()}"
           data-full="{$thumbnail['derivative_big']->get_url()}" data-url="{$thumbnail['url']}" data-title="{$thumbnail['TITLE']}">
-          {if $Fotorama['nav'] == 'thumbs'}<img src="{$thumbnail['derivative_thumb']->get_url()}">{/if}
+          {if $Fotorama['nav'] == 'thumbs' || $Fotorama['fullscreen_nav'] == 'thumbs'}<img src="{$thumbnail['derivative_thumb']->get_url()}">{/if}
         </a>
       {/foreach}
@@ -60 +60 @@
         .on('fotorama:fullscreenenter',
             function (e, fotorama, extra) {
-              fullscreen = true;
+              fotorama.setOptions({
+                nav: "{/literal}{$Fotorama['fullscreen_nav']}{literal}"
+              });
               fotorama.startAutoplay();
+
+              if (jQuery('.fotorama').attr('data-allowfullscreen') == 'native')
+                fullscreen = true;
             }
         )
         .on('fotorama:fullscreenexit',
             function (e, fotorama, extra) {
-              fullscreen = false;
+              fotorama.setOptions({
+                nav: "{/literal}{$Fotorama['nav']}{literal}"
+              });
 
               history.replaceState(null, null, fotorama.activeFrame['url']+'&slideshow=');
@@ -73 +80 @@
               jQuery('#slideshow .imageNumber').text((fotorama.activeFrame['i'])+'/'+{/literal}{count($items)}{literal});
               document.title = fotorama.activeFrame['title'] + ' | {/literal}{$GALLERY_TITLE}{literal}';
+
+              fullscreen = false;
             }
         )