Changeset 17844 for extensions/stripped_black_bloc/template/thumbnails.tpl

Timestamp:

Sep 10, 2012, 6:02:26 PM (12 years ago)

Author:

flop25

Message:

fix z-index
code simplified again
managment of extra wide pictures but not enougth for 3 columns, so set on 2 columns

File:

• extensions/stripped_black_bloc/template/thumbnails.tpl (modified) (1 diff)

extensions/stripped_black_bloc/template/thumbnails.tpl

@@ -8 +8 @@
 {if !empty($thumbnails)}
   {foreach from=$thumbnails item=thumbnail}
-   {assign var=triplehigh value=$thumbnail.height+$thumbnail.height+$thumbnail.height}
-   {if ($thumbnail.width > $triplehigh) and ($thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width)}
-    {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_wide, $thumbnail.src_image)}
-    {assign var='size' value=$derivative->get_size()}
-  <div class="bloc threecol">
-    <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
-    {if isset($thumbnail.NAME)}{$thumbnail.NAME}{else}{$thumbnail.TN_TITLE}{/if}
-    </a>
-    {if $SHOW_THUMBNAIL_CAPTION }
-    <div class="title">{if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}</div>
-    {/if}
-  </div>
-  {else}
-    {if (($thumbnail.width < $thumbnail.height) and $stripped_black_bloc.portrait_limitation=="yes")}
+    {assign var=triplehigh value=$thumbnail.height+$thumbnail.height+$thumbnail.height}
+    {if ($thumbnail.width > $triplehigh) and ($thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width)}
+      {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_wide, $thumbnail.src_image)}
+      {assign var=TN_CLASS value='threecol'}
+    {elseif ($thumbnail.width > $triplehigh) and ($thumbnail.width>$stripped_black_bloc.column_width+$stripped_black_bloc.column_width)}
+      {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_big, $thumbnail.src_image)}
+      {assign var=TN_CLASS value='twocol'}
+    {elseif (($thumbnail.width < $thumbnail.height) and $stripped_black_bloc.portrait_limitation=="yes")}
       {if $thumbnail.TN_CLASS=="twocol" and $thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}
         {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_big_vert, $thumbnail.src_image)}
+        {assign var=TN_CLASS value='twocol'}
       {else}
         {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_vert, $thumbnail.src_image)}
+        {assign var=TN_CLASS value='onecol'}
       {/if}
     {else}
       {if $thumbnail.TN_CLASS=="twocol" and $thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}
         {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_big, $thumbnail.src_image)}
+        {assign var=TN_CLASS value='twocol'}
       {else}
         {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc, $thumbnail.src_image)}
+        {assign var=TN_CLASS value='onecol'}
       {/if}
-  {/if}
+    {/if}
      {assign var='size' value=$derivative->get_size()}
-     <div class="bloc {$thumbnail.TN_CLASS}">
-<a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
+  <div class="bloc {$TN_CLASS}">
+    <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}>
     {if isset($thumbnail.NAME)}{$thumbnail.NAME}{else}{$thumbnail.TN_TITLE}{/if}
     </a>
           {if $SHOW_THUMBNAIL_CAPTION }
-  <div class="title">{if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}</div>
-  {/if}
+    <div class="title">{if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}</div>
+    {/if}
   </div>
-   {/if}
   {/foreach}
 {/if}