Changeset 29915

Timestamp:

Oct 7, 2014, 2:02:08 PM (10 years ago)

Author:

JanisV

Message:

Added period parameter for autoplay

Location:

extensions/Fotorama

Files:

• admin.php (modified) (1 diff)
• main.inc.php (modified) (1 diff)
• maintain.inc.php (modified) (1 diff)
• template/admin.tpl (modified) (4 diffs)
• template/fotorama-content.tpl (modified) (3 diffs)

extensions/Fotorama/admin.php

@@ -32 +32 @@
   if (isset($_POST['thumbheight']))
     $conf['Fotorama']['thumbheight'] = $_POST['thumbheight'];
+  if (isset($_POST['period']))
+    $conf['Fotorama']['period'] = $_POST['period'];
 
   conf_update_param('Fotorama', serialize($conf['Fotorama']));

extensions/Fotorama/main.inc.php

@@ -46 +46 @@
         $conf['Fotorama']['close_button'] = false;
         $conf['Fotorama']['resize'] = false;
+  }
+  // Upgrade params from 2.7.n
+  if (!isset($conf['Fotorama']['period'])) {
+        $conf['Fotorama']['period'] = 4000;
   }
 

extensions/Fotorama/maintain.inc.php

@@ -25 +25 @@
     'close_button' => false,
     'resize' => false,
+    'period' => 4000,
   );
 

extensions/Fotorama/template/admin.tpl

@@ -87 +87 @@
       <b>{'Thumbnail height (when present)'|translate}</b> 
     </label>
-    <input type="number" size="2" maxlength="3" name="thumbheight" value="{$Fotorama.thumbheight}" min="5" max="300" style="width: 50px;">&nbsp;px
+    <input type="number" size="2" maxlength="3" name="thumbheight" id="thumbheight" value="{$Fotorama.thumbheight}" min="5" max="300" style="width: 50px;">&nbsp;px
   </li>
   <li>
@@ -100 +100 @@
       <b>{'Enables autoplay'|translate}</b>
     </label>
+  </li>
+  <li>
+    <label for="period">
+      <b>{'Waiting time before loading a new picture'|translate}</b> 
+    </label>
+    <input type="number" size="4" maxlength="5" name="period" id="period" value="{$Fotorama.period}" min="0" max="10000" style="width: 50px;">&nbsp;{'milliseconds'|translate}
   </li>
   <li>
@@ -181 +187 @@
       jQuery('#replace_picture_only_users').removeAttr('checked');
     }
+
+    if(jQuery('#autoplay').is(":checked")) {
+      jQuery('#period').prop('disabled', false);
+    }
+    else {
+      jQuery('#period').prop('disabled', true);
+    }
   }
   jQuery().ready(function() {
@@ -197 +210 @@
     update_Fotorama_state();
   });
+  jQuery('#autoplay').change(function() {
+    update_Fotorama_state();
+  });
   
 {/literal}{/footer_script}

extensions/Fotorama/template/fotorama-content.tpl

@@ -9 +9 @@
   data-width="100%" data-maxheight="100%" data-minheight="200" data-height="{$item_height}"
   data-shadows="{if $Fotorama.shadows}true{else}false{/if}" data-nav="{$Fotorama.nav}" data-fit="{$Fotorama.fit}"
-  data-allowfullscreen="{$Fotorama.allowfullscreen}" data-autoplay="{if $Fotorama.autoplay}true{else}false{/if}"
+  data-allowfullscreen="{$Fotorama.allowfullscreen}" data-autoplay="{if $Fotorama.autoplay}{$Fotorama.period}{else}false{/if}"
   data-transition="{$Fotorama.transition}" data-stopautoplayontouch="{if $Fotorama.stopautoplayontouch}true{else}false{/if}"
   data-loop="{if $Fotorama.loop}true{else}false{/if}" data-captions="false" data-thumbheight="{$Fotorama.thumbheight}"
@@ -56 +56 @@
               });
               {if $Fotorama.autoplay or not $Fotorama.only_fullscreen}
-              fotorama.startAutoplay();
+//              fotorama.startAutoplay();
               {/if}
 
@@ -116 +116 @@
   });
   {/if}
+  
+  {if $Fotorama.autoplay}
+  $(document).keypress(function(e) {
+    if(e.which == 43) {
+      jQuery('.fotorama').data('fotorama').setOptions({
+        autoplay: jQuery('.fotorama').data('fotorama').options['autoplay'] * 1.4
+      });
+    }
+    if(e.which == 45) {
+      jQuery('.fotorama').data('fotorama').setOptions({
+        autoplay: jQuery('.fotorama').data('fotorama').options['autoplay'] / 1.4
+      });
+    }
+  });
+  {/if}
 {/footer_script}