Ignore:
Timestamp:
Sep 6, 2009, 10:26:32 AM (15 years ago)
Author:
vdigital
Message:

Partial thumbnail navigation

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/akBookStyle/trunk/template/ak_vertical.tpl

    r3814 r3829  
    1     {if !empty($navbar) and isset($navbar.URL_PREV)}
    2     <td class="navbar fleft">
    3       <a class="navButton" href="{$navbar.URL_PREV}"
    4          title="{'previous_page'|@translate}">
    5         <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png"
    6              class="button" alt="{'previous_page'|@translate}">
    7       </a>       
    8     </td>
    9     {/if}
    101    <td>
    112      <table class="thumbnails">
     3        <tr class="nline"> {* Top thumbnail navigation *}
     4          <td class="ncol" colspan="{$AK_BY_LINE}">
     5          {if !empty($navbar) and isset($navbar.URL_PREV)}
     6            <div class="navbar fleft">
     7              <a class="navButton" href="{$navbar.URL_PREV}"
     8                 title="{'previous_page'|@translate}">
     9                <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png"
     10                     class="button" alt="{'previous_page'|@translate}">
     11              </a>       
     12            </div>
     13          {/if}
     14          {if !empty($navbar) and isset($navbar.URL_NEXT)}
     15            <div class="navbar fright">
     16              <a class="navButton" href="{$navbar.URL_NEXT}"
     17                 title="{'next_page'|@translate}">
     18                <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png"
     19                     class="button" alt="{'next_page'|@translate}">
     20              </a>
     21            </div>
     22          {/if}
     23          </td>
     24        </tr>
    1225        {foreach from=$thumbnails item=thumbnail name=tn}
    1326        {if $smarty.foreach.tn.index % $AK_BY_LINE == 0}
     
    1528          {/if}
    1629          <td class="ncol">
    17             <div class="clipwrapper" style="width:{$AK_THUMBNAIL_SIZE}px;height:{$AK_THUMBNAIL_SIZE}px">
    18               <div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
    19                 <a href="{$thumbnail.AK_URL}" class="load">
    20                   <img class="thumbnail" src="{$thumbnail.TN_SRC}"
    21                        alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
    22                 </a>
    23               </div>
    24             </div>
     30            <div class="clipwrapper" style="width:{$AK_THUMBNAIL_SIZE}px;height:{$AK_THUMBNAIL_SIZE}px">
     31              <div class="clip" style="clip:rect({$thumbnail.CLIP_TOP}px {$thumbnail.CLIP_RIGHT}px {$thumbnail.CLIP_BOTTOM}px {$thumbnail.CLIP_LEFT}px);top:-{$thumbnail.CLIP_TOP}px;left:-{$thumbnail.CLIP_LEFT}px">
     32                <a href="{$thumbnail.AK_URL}" class="load">
     33                  <img class="thumbnail" src="{$thumbnail.TN_SRC}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
     34                </a>
     35              </div>
     36            </div>
    2537          </td>
    2638        {if ($smarty.foreach.tn.iteration % $AK_BY_LINE == 0) or $smarty.foreach.tn.last }
     
    2840        {/if}
    2941        {/foreach}
    30       </table> {* end of Thumbnails *}
     42        <tr class="nline">  {* Bottom thumbnail navigation *}
     43          <td class="ncol" colspan="{$AK_BY_LINE}">
     44          {if !empty($navbar) and isset($navbar.URL_PREV)}
     45            <div class="navbar fleft">
     46              <a class="navButton" href="{$navbar.URL_PREV}"
     47                 title="{'previous_page'|@translate}">
     48                <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png"
     49                     class="button" alt="{'previous_page'|@translate}">
     50              </a>       
     51            </div>
     52          {/if}
     53          {if !empty($navbar) and isset($navbar.URL_NEXT)}
     54            <div class="navbar fright">
     55              <a class="navButton" href="{$navbar.URL_NEXT}"
     56                 title="{'next_page'|@translate}">
     57                <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png"
     58                     class="button" alt="{'next_page'|@translate}">
     59              </a>
     60            </div>
     61          {/if}
     62          </td>
     63        </tr>
     64        </table> {* end of Thumbnails *}
    3165    </td>
    32     {if !empty($navbar) and isset($navbar.URL_NEXT)}
    33     <td class="navbar fright">
    34       <a class="navButton" href="{$navbar.URL_NEXT}"
    35          title="{'next_page'|@translate}">
    36         <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png"
    37              class="button" alt="{'next_page'|@translate}">
    38       </a>
    39     </td>
    40     {/if}
    41 
Note: See TracChangeset for help on using the changeset viewer.