source: extensions/gally/gally-default/template/picture_nav_buttons.tpl

<div class="navButtons">
{if $DISPLAY_NAV_BUTTONS or isset($slideshow)}

{strip}{if isset($next)}
    <a href="{$next.U_IMG}"
       title="{'Next'|@translate} : {$next.TITLE}"
       id="icon_right" class="navButton" 
       rel="next"></a>
  {else}
    <a id="icon_right_unactive" class="navButton"></a>
  {/if}{/strip}

{strip}{if isset($slideshow.U_START_PLAY)}
    <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" id="icon_play" class="navButton" ></a>
  {/if}{/strip}

{strip}{if isset($slideshow.U_STOP_PLAY)}
    <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" id="icon_pause" class="navButton" ></a>
  {/if}{/strip}

{strip}{if isset($U_UP) and !isset($slideshow)}
    <a href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="up" id="icon_up" class="navButton"></a>
  {/if}{/strip}

{strip}{if isset($previous)}
    <a href="{$previous.U_IMG}" 
       title="{'Previous'|@translate} : {$previous.TITLE}"
       id="icon_left" class="navButton"
       rel="prev"></a>
  {else}
    <a id="icon_left_unactive" class="navButton"></a>
  {/if}{/strip}

  {if isset($slideshow.U_START_REPEAT)}
    <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" id="icon_start_repeat" class="navButton" ></a>
  {/if}

  {if isset($slideshow.U_STOP_REPEAT)}
    <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" id="icon_stop_repeat" class="navButton" ></a>
  {/if}

  {if isset($slideshow)}
    {if isset($slideshow.U_DEC_PERIOD)}
      <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" id="icon_dec_period" class="navButton"></a>
    {else}
      <a id="icon_dec_period_unactive" class="navButton" ></a>
    {/if}

    {if isset($slideshow.U_INC_PERIOD)}
      <a href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" id="icon_inc_period" class="navButton" ></a>
    {else}
      <a id="icon_inc_period_unactive" class="navButton"></a>
    {/if}
  {/if}
{/if}
</div>
{strip}
{footer_script}
document.onkeydown = function(e){ldelim}
        e=e||window.event;
  if (e.altKey) return true;
        var target=e.target||e.srcElement;
        if (target && target.type) return true;{* an input editable element *}
        var keyCode=e.keyCode||e.which, docElem=document.documentElement, url;
        switch(keyCode){ldelim}
{if isset($next)}
        case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG}"; break;
{/if}
{if isset($previous)}
        case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG}"; break;
{/if}
{if isset($first)}
        {* Home *}case 36: if (e.ctrlKey)url="{$first.U_IMG}"; break;
{/if}
{if isset($last)}
        {* End *}case 35: if (e.ctrlKey)url="{$last.U_IMG}"; break;
{/if}
{if isset($U_UP) and !isset($slideshow)}
        {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break;
{/if}
{if isset($slideshow.U_START_PLAY)}
        {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break;
{/if}
{if isset($slideshow.U_STOP_PLAY)}
        {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break;
{/if}
  }
  if (url) {ldelim}window.location=url.replace("&amp;","&"); return false;}
  return true;
}
{/footer_script}
{/strip}