source: extensions/modus/template/fotorama.tpl @ 32006

Last change on this file since 32006 was 30247, checked in by rvelices, 10 years ago

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

File size: 1007 bytes
Line 
1<div id="slideshow">
2  <div id="imageHeaderBar">
3        <div class="imageNumber">{$PHOTO}</div>
4        <div class="browsePath">
5          {if isset($U_SLIDESHOW_STOP)}
6                <a href="{$U_SLIDESHOW_STOP}" title="{'stop the slideshow'|translate}" style="font-size:22px">◼</a>&nbsp;
7          {/if}
8                <a href="#" onclick="return fotoramaTogglePause();" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
9                <span class="pwg-icon pwg-icon-{if $Fotorama.autoplay}pause{else}play{/if}" id="togglePause"></span>
10        </a>
11{footer_script}
12function fotoramaTogglePause() {
13        if ($("#togglePause").hasClass("pwg-icon-pause")) {
14                $(".fotorama").data("fotorama").stopAutoplay();
15        }
16        else {
17                $(".fotorama").data("fotorama").startAutoplay();
18        }
19        $("#togglePause").toggleClass("pwg-icon-play pwg-icon-pause");
20        return false;
21}
22{/footer_script}
23          <h2 class="showtitle">{$current.TITLE}</h2>
24        </div>
25  </div>
26
27  <div id="content">
28        <div id="theImage">
29      {include file=$FOTORAMA_CONTENT_PATH}
30        </div>
31  </div>
32</div>
Note: See TracBrowser for help on using the repository browser.