Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Images pixellisées dans la galerie
#16

Ouh lala, c'est carrément une interro en diretct !... Wink

Bon, alors voici le code de ce que j'appelerai la "Galerie mère" (AE-Galllery).
Code :
[== Indéfini ==]
<div class="gallery">
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>

{assign var='dirs' value=''}
{assign var='imgs' value=''}
{foreach from=$images item=image}
{if $image->isdir}
{assign var='dirs' value="$dirs
    <div class=\"img\">
        <a href=\"`$image->file`\" title=\"`$image->title`\"><img src=\"`$image->thumb`\" alt=\"`$image->titlename`\" /></a><br />
        `$image->titlename`
    </div>
"}
{else}
{capture name=images assign=imgs}
{$imgs}
        <li>
          <a href="{$image->file}">
            <img src="{$image->thumb}" title="{$image->title}" alt="{if empty($image->comment)}{$image->titlename}{else}{$image->comment}{/if}" longdesc="{* you can put a url here using a custom field. This wil generate a link in the middle of the big image *}" class="image{$image->fileid}">
          </a>
        </li>
{/capture}
{/if}
{/foreach}


{if !empty($imgs)}
<div class="ae-gallery">
  <div class="ae-image-wrapper">
  </div>
  <div class="ae-controls">
  </div>
  <div class="ae-nav">
    <div class="ae-thumbs">
      <ul class="ae-thumb-list">
{$imgs}
      </ul>
    </div>
  </div>
</div>
{/if}

{$dirs}
<div class="galleryclear">&nbsp;</div>
</div>
-----------------
Je pense que le code qui appelle la grande image est celui-ci :
Code :
[== Indéfini ==]
<div class=\"img\">
        <a href=\"`$image->file`\" title=\"`$image->title`\"><img src=\"`$image->thumb`\" alt=\"`$image->titlename`\" /></a>
-----------------
Ensuite, je pense que le code qui appelle la petite image est celui-là :
Code :
[== Indéfini ==]
<a href="{$image->file}">
            <img src="{$image->thumb}" title="{$image->title}" alt="{if empty($image->comment)}{$image->titlename}{else}{$image->comment}{/if}" longdesc="{* you can put a url here using a custom field. This wil generate a link in the middle of the big image *}" class="image{$image->fileid}">
          </a>
Je ne m'explique pas bien comment il se trouve positionné derrière celui qui appellerait la grande image... mais bon... peut-être me trompé-je ?!
-----------------
Ensuite, il y a les gabarits par "genre" qui définissent, je pense les transitions. Moi je prends toujours "Lightbox"

Voici le code de "Lightbox" :
Code :
[== Indéfini ==]
<div class="gallery">
{if !empty($gallerytitle)}<h4>{$gallerytitle}</h4>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}

<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>

{foreach from=$images item=image}
    <div class="img">
    {if $image->isdir}
        {* this is a subgallery *}
        <a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
        {$image->titlename}
    {else}
        {* this is an image *}
        <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}{if !empty($image->comment)} &bull; &lt;em&gt;{$image->comment|strip_tags|escape:'html'}&lt;em&gt;{/if}" rel="lightbox[{$galleryid}]"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
    {/if}
<div class="legende_thumb">
<span class="legende">{$image->fields.legende_vignette.value}</span>
</div>
    </div>

{/foreach}
<div class="galleryclear">&nbsp;</div>
</div>
-------------------------
Bon voilà... mais j'ai un peu les jetons de copier mes codes CGSmarty là-dedans...

Mais déjà pour cette partie... Est-ce que j'ai une bonne note M'sieur ?...

Rolleyes
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)