source: extensions/akBookStyle/trunk/template/ak_thumbnails.tpl @ 3803

{* variables to be set 
 => by plugin:
 $AK_BY_LINE : thumbnails columns 
 $thumbnails[*]['AK_URL']): additional url to reloader ./picloader.php?cat=xx/yyy
 $AK_NAV_PREV (explode($NAV_BAR)): url to previous index (save it in session)
 $AK_NAV_NEXT (explode($NAV_BAR)): url to next index (save it in session)
 Save all current image ids in session to reduce the reloader workload.
 
 => by plugin and reloader:
 $AK_PIC_SRC : src of new current pic
 $AK_PIC_ALT : alt of new current pic
 $AK_PIC_TITLE : title of new current pic
 
 $AK_PREVIOUS['U_PIC'] : additional url to reloader of previous pic 
         (or url to previous index, taken from session)
 $AK_PREVIOUS['load'] = if reloadable 'load ' else '' 
 $AK_PREVIOUS['TITLE'] : title of previous pic
 
 $AK_NEXT['U_PIC'] : additional url to reloader of next pic
         (or url to next index, taken from session)
 $AK_NEXT['load'] = if reloadable 'load ' else '' 
 $AK_NEXT['TITLE'] : title of next pic
*}

{* all the following code will be splitted in different includes *}

{if !empty($thumbnails)}
<table class="ak_display"> 
  <tr>
    <td>
      <table class="thumbnails">
        {foreach from=$thumbnails item=thumbnail name=tn}
        {if $smarty.foreach.tn.index % $AK_BY_LINE == 0}
        <tr class="nline">
          {/if}
          <td class="ncol">
            <div class="clipwrapper" style="width:{$AK_THUMBNAIL_SIZE}px;height:{$AK_THUMBNAIL_SIZE}px">
              <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">
                <a href="{$thumbnail.AK_URL}" class="load">
                  <img class="thumbnail" src="{$thumbnail.TN_SRC}" 
                       alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
                </a>
              </div>
            </div>
          </td>
        {if ($smarty.foreach.tn.iteration % $AK_BY_LINE == 0) or $smarty.foreach.tn.last }
        </tr>
        {/if}
        {/foreach}
        
        {if !empty($NAV_BAR) } {* thumbnails navigation bar *}
        <tr class="nline">
          <td class="left">
            {if isset($AK_NAV_PREV)} 
            <a class="navButton" href="{$AK_NAV_PREV}" 
               title="{'previous_page'|@translate}">
              <img src="{$ROOT_URL}{$themeconf.icon_dir}/left.png" 
             class="button" alt="{'previous_page'|@translate}">
            </a> 
            {/if}
          </td>
          <td class="right">
            {if isset($AK_NAV_NEXT)} 
            <a class="navButton" href="{$AK_NAV_NEXT}" 
               title="{'next_page'|@translate}">
              <img src="{$ROOT_URL}{$themeconf.icon_dir}/right.png" 
             class="button" alt="{'next_page'|@translate}">
            </a> 
            {/if}
          </td>
        </tr>
        {/if} 
      </table> {* end of Thumbnails *}

    </td>
    
    <td> {* Picture *}
      {include file=$AK_RELOADED_IMAGE_TPL|@get_extent:'picture_reload'} 
    </td>
  </tr>
</table>
{/if}

{known_script id="jquery" src=$ROOT_URL|cat:"template-common/lib/jquery.packed.js"}
{html_head} 
<link rel="stylesheet" type="text/css" href="{$AK_PLUGIN_CSS}/ak_style.css">
<script type="text/javascript">
var dir_thumbnail = '{$AK_DIR_THUMBNAIL}';prefix_thumbnail = '{$AK_PREFIX_THUMBNAIL}';
</script>
<script type="text/javascript" src="{$AK_PLUGIN_JS}/ak_jquery-load{if isset($AK_SHOW_OVER)}-hover{/if}.js"></script>
{/html_head}