Ignore:
Timestamp:
Mar 14, 2011, 5:12:07 PM (13 years ago)
Author:
flop25
Message:

updating tpl files
delete of picture.css
Theme URI updated

File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/floOS/OS_glass/template/picture_nav_buttons.tpl

    r9119 r9675  
    11  <div class="navButtons">
    22 
    3 {if isset($last)}
    4   <a class="navButton prev" href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" rel="last"><img src="{$ROOT_URL}{$themeconf.icon_dir}/last.png" class="button" alt="{'Last'|@translate}"></a>
     3{strip}{if isset($last)}
     4        <a href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right">
     5                <span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span>
     6        </a>
    57{else}
    6   <a class="navButton prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/last_unactive.png" class="button" alt=""></a>
    7 {/if}
    8  
    9 {if isset($next)}
    10   <a class="navButton next" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"><img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" class="button" alt="{'Next'|@translate}"></a>
     8        <span class="pwg-state-disabled pwg-button pwg-button-icon-right">
     9                <span class="pwg-icon pwg-icon-arrowstop-e">&nbsp;</span><span class="pwg-button-text">{'Last'|@translate}</span>
     10        </span>
     11{/if}{/strip}
     12{strip}{if isset($next)}
     13        <a href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right">
     14                <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span>
     15        </a>
    1116{else}
    12   <a class="navButton next"><img src="{$ROOT_URL}{$themeconf.icon_dir}/right_unactive.png" class="button" alt=""></a>
    13 {/if}
     17        <span class="pwg-state-disabled pwg-button pwg-button-icon-right">
     18                <span class="pwg-icon pwg-icon-arrow-e">&nbsp;</span><span class="pwg-button-text">{'Next'|@translate}</span>
     19        </span>
     20{/if}{/strip}
    1421{if isset($next) }
    1522<a class="navThumb" id="thumbNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next">
    … …  
    1724</a>
    1825{/if}
    19     <img src="{$current.THUMB_SRC}" class="thumbLink" id="thumbCurrent" alt="{$ALT_IMG}">
     26        <img src="{$current.THUMB_SRC}" class="thumbLink" id="thumbCurrent" alt="{$ALT_IMG}">
    2027{if isset($previous) }
    2128<a class="navThumb" id="thumbPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev">
    … …  
    2532
    2633{if isset($slideshow.U_START_PLAY)}
    27   <a class="navButton play" href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" rel="play"><img src="{$ROOT_URL}{$themeconf.icon_dir}/play.png" class="button" alt="{'Play of slideshow'|@translate}"></a>
     34        <a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" class="pwg-state-default pwg-button">
     35                <span class="pwg-icon pwg-icon-play">&nbsp;</span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span>
     36        </a>
    2837{/if}
    29 
    3038{if isset($slideshow.U_STOP_PLAY)}
    31   <a class="navButton play" href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" rel="play"><img src="{$ROOT_URL}{$themeconf.icon_dir}/pause.png" class="button" alt="{'Pause of slideshow'|@translate}"></a>
     39        <a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" class="pwg-state-default pwg-button">
     40                <span class="pwg-icon pwg-icon-pause">&nbsp;</span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span>
     41        </a>
    3242{/if}
    3343
    3444 
    35 {if isset($previous)}
    36   <a class="navButton prev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" class="button" alt="{'Previous'|@translate}"></a>
     45{strip}{if isset($previous)}
     46        <a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" class="pwg-state-default pwg-button">
     47                <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span>
     48        </a>
    3749{else}
    38   <a class="navButton prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/left_unactive.png" class="button" alt=""></a>
    39 {/if}
     50        <span class="pwg-state-disabled pwg-button">
     51                <span class="pwg-icon pwg-icon-arrow-w">&nbsp;</span><span class="pwg-button-text">{'Previous'|@translate}</span>
     52        </span>
     53{/if}{/strip}
    4054 
    41 {if isset($first)}
    42   <a class="navButton prev" href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" rel="first"><img src="{$ROOT_URL}{$themeconf.icon_dir}/first.png" class="button" alt="{'First'|@translate}"></a>
     55{strip}{if isset($first)}
     56        <a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button">
     57                <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span>
     58        </a>
    4359{else}
    44   <a class="navButton prev"><img src="{$ROOT_URL}{$themeconf.icon_dir}/first_unactive.png" class="button" alt=""></a>
    45 {/if}
     60        <span class="pwg-state-disabled pwg-button">
     61                <span class="pwg-icon pwg-icon-arrowstop-w">&nbsp;</span><span class="pwg-button-text">{'First'|@translate}</span>
     62        </span>
     63{/if}{/strip}
    4664
    4765
    4866{if isset($slideshow.U_START_REPEAT)}
    49   <a class="navButton repeat" href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/start_repeat.png" class="button" alt="{'Repeat the slideshow'|@translate}"></a>
     67        <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" class="pwg-state-default pwg-button">
     68                <span class="pwg-icon pwg-icon-repeat-play">&nbsp;</span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span>
     69        </a>
    5070{/if}
    51 
    5271{if isset($slideshow.U_STOP_REPEAT)}
    53   <a class="navButton repeat" href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/stop_repeat.png" class="button" alt="{'Not repeat the slideshow'|@translate}"></a>
     72        <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" class="pwg-state-default pwg-button">
     73                <span class="pwg-icon pwg-icon-repeat-stop">&nbsp;</span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span>
     74        </a>
    5475{/if}
    5576
    5677{if isset($slideshow)}
    57   {if isset($slideshow.U_DEC_PERIOD)}
    58     <a class="navButton dec_period" href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/dec_period.png" class="button" alt="{'Accelerate diaporama speed'|@translate}"></a>
    59   {else}
    60     <a class="navButton dec_period"> <img src="{$ROOT_URL}{$themeconf.icon_dir}/dec_period_unactive.png" class="button" alt=""></a>
    61   {/if}
    62 
    63   {if isset($slideshow.U_INC_PERIOD)}
    64     <a class="navButton inc_period" href="{$slideshow.U_INC_PERIOD}" title="{'Reduce diaporama speed'|@translate}" rel="repeat"><img src="{$ROOT_URL}{$themeconf.icon_dir}/inc_period.png" class="button" alt="{'Reduce diaporama speed'|@translate}"></a>
    65   {else}
    66     <a class="navButton inc_period"> <img src="{$ROOT_URL}{$themeconf.icon_dir}/inc_period_unactive.png" class="button" alt=""></a>
    67   {/if}
     78{if isset($slideshow.U_INC_PERIOD)}
     79        <a href="{$slideshow.U_INC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button">
     80                <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     81        </a>
     82{else}
     83        <span class="pwg-state-disabled pwg-button">
     84                <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     85        </span>
     86{/if}
     87{if isset($slideshow.U_DEC_PERIOD)}
     88        <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button">
     89                <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     90        </a>
     91{else}
     92        <span class="pwg-state-disabled pwg-button">
     93                <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     94        </span>
     95{/if}
     96{/if}
     97{strip}{if isset($U_UP) and !isset($slideshow)}
     98        <a href="{$U_UP}" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button">
     99                <span class="pwg-icon pwg-icon-arrow-n">&nbsp;</span><span class="pwg-button-text">{'Thumbnails'|@translate}</span>
     100        </a>
     101{/if}{/strip}
     102</div>
     103{strip}
     104{footer_script}
     105document.onkeydown = function(e){ldelim}
     106        e=e||window.event;
     107        if (e.altKey) return true;
     108        var target=e.target||e.srcElement;
     109        if (target && target.type) return true;{* an input editable element *}
     110        var keyCode=e.keyCode||e.which, docElem=document.documentElement, url;
     111        switch(keyCode){ldelim}
     112{if isset($next)}
     113        case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth)url="{$next.U_IMG}"; break;
     114{/if}
     115{if isset($previous)}
     116        case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0)url="{$previous.U_IMG}"; break;
     117{/if}
     118{if isset($first)}
     119        {* Home *}case 36: if (e.ctrlKey)url="{$first.U_IMG}"; break;
     120{/if}
     121{if isset($last)}
     122        {* End *}case 35: if (e.ctrlKey)url="{$last.U_IMG}"; break;
    68123{/if}
    69124{if isset($U_UP) and !isset($slideshow)}
    70   <a class="navButton up" href="{$U_UP}" title="{'thumbnails'|@translate}" rel="up"><img src="{$ROOT_URL}{$themeconf.icon_dir}/up.png" class="button" alt="{'thumbnails'|@translate}"></a>
     125        {* Up *}case 38: if (e.ctrlKey)url="{$U_UP}"; break;
    71126{/if}
    72 
    73   </div>
    74 
    75 <script type="text/javascript">// <![CDATA[
    76 {literal}
    77 function keyboardNavigation(e)
    78 {
    79         if(!e) e=window.event;
    80         if (e.altKey) return true;
    81         var target = e.target || e.srcElement;
    82         if (target && target.type) return true; //an input editable element
    83         var keyCode=e.keyCode || e.which;
    84         var docElem = document.documentElement;
    85         switch(keyCode) {
    86 {/literal}
    87 {if isset($next)}
    88         case 63235: case 39: if (e.ctrlKey || docElem.scrollLeft==docElem.scrollWidth-docElem.clientWidth ){ldelim}window.location="{$next.U_IMG}".replace( "&amp;", "&" ); return false; } break;
    89 {/if}
    90 {if isset($previous)}
    91         case 63234: case 37: if (e.ctrlKey || docElem.scrollLeft==0){ldelim}window.location="{$previous.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
    92 {/if}
    93 {if isset($first)}
    94         /*Home*/case 36: if (e.ctrlKey){ldelim}window.location="{$first.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
    95 {/if}
    96 {if isset($last)}
    97         /*End*/case 35: if (e.ctrlKey){ldelim}window.location="{$last.U_IMG|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
    98 {/if}
    99 {if isset($U_UP) and !isset($slideshow)}
    100         /*Up*/case 38: if (e.ctrlKey){ldelim}window.location="{$U_UP|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
    101 {/if}
    102 
    103127{if isset($slideshow.U_START_PLAY)}
    104         /*Pause*/case 32: {ldelim}window.location="{$slideshow.U_START_PLAY|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     128        {* Pause *}case 32: url="{$slideshow.U_START_PLAY}"; break;
    105129{/if}
    106130{if isset($slideshow.U_STOP_PLAY)}
    107         /*Play*/case 32: {ldelim}window.location="{$slideshow.U_STOP_PLAY|@escape:jasvascript}".replace("&amp;","&"); return false; } break;
     131        {* Play *}case 32: url="{$slideshow.U_STOP_PLAY}"; break;
    108132{/if}
    109133        }
     134        if (url) {ldelim}window.location=url.replace("&amp;","&"); return false;}
    110135        return true;
    111136}
    112 document.onkeydown=keyboardNavigation;
    113 // ]]></script>
     137{/footer_script}
     138{/strip}
Note: See TracChangeset for help on using the changeset viewer.