Changeset 30247

Timestamp:

Oct 21, 2014, 9:10:43 PM (9 years ago)

Author:

rvelices

Message:

modus added a pause button on slideshow when fotorama plugin is active

File:

• extensions/modus/template/fotorama.tpl (modified) (1 diff)

extensions/modus/template/fotorama.tpl

@@ -3 +3 @@
         <div class="imageNumber">{$PHOTO}</div>
         <div class="browsePath">
-          {if isset($U_SLIDESHOW_STOP) }
-                [ <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|translate}</a> ]
+          {if isset($U_SLIDESHOW_STOP)}
+                <a href="{$U_SLIDESHOW_STOP}" title="{'stop the slideshow'|translate}" style="font-size:22px">◼</a>&nbsp;
           {/if}
+                <a href="#" onclick="return fotoramaTogglePause();" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
+                <span class="pwg-icon pwg-icon-{if $Fotorama.autoplay}pause{else}play{/if}" id="togglePause"></span>
+        </a>
+{footer_script}
+function fotoramaTogglePause() {
+        if ($("#togglePause").hasClass("pwg-icon-pause")) {
+                $(".fotorama").data("fotorama").stopAutoplay();
+        }
+        else {
+                $(".fotorama").data("fotorama").startAutoplay();
+        }
+        $("#togglePause").toggleClass("pwg-icon-play pwg-icon-pause");
+        return false;
+}
+{/footer_script}
           <h2 class="showtitle">{$current.TITLE}</h2>
         </div>