Galerije

http://poslovnaregata.vx2.lytee.com/druzbena-odgovornost

JS:

<script type="text/javascript" src="/themes/poslovnaregata/slick/slick.min.js"></script> 

CSS:

<link rel="stylesheet" type="text/css" href="/themes/poslovnaregata/slick/slick.css"/>

Smarty template:

<div id="image-gallery-container">
  <div class="image-gallery">
  {foreach from=$element->getImages() item="image"}
    <div>
      <img src="/lyphp-latest/plugins/lythumb.php?src={$image->name}&w=1200&h=667&c=1" />
      <span class="image-gallery-title">{$image->caption}</span>
      <a class="image-gallery-larger" href="{$image->name}" rel="prettyPhoto[referenca]" title="{$image->caption}"><i class="fa fa-external-link" aria-hidden="true"></i></a>
    </div>
  {/foreach}
  </div>

  <div class="image-gallery-nav">
  {foreach from=$element->getImages() item="image"}
    <img src="/lyphp-latest/plugins/lythumb.php?src={$image->name}&w=115&h=70&c=1" />
  {/foreach}
  </div>
</div>

http://unitegallery.net/index.php

http://tehnomat.vx2.lytee.com/sl/o-podjetju/orodjarstvo

Več galerij na eni strani, kot modul Simple Gallery:

http://fasade.vx2.lycart.com/fasada/barvna-studija-fasade

Visit Kranj - views/singlePage.php

Naredi galerijo brez prve naslovne slike.

<?php if ($element->getImages()->count() > 1) { ?>
<div id="gallery" style="display: none;">
  <?php
  $i = 0;
  foreach ($element->getImages() as $image) {
     if ($i>1){
     ?>
       <img itemprop="image" alt="image" src="/lyphp-latest/plugins/lythumb.php?src=<?=$image->name?>&w=660&h=405&c=1" data-image="<?=$image->name?>" data-description="<?= $image->caption ?>" alt="<?= $image->caption ?>" />
     <?php
    }
    $i=$i+1;
 }
 ?>
 </div>
 <?php
}
?

http://www.final-tiles-gallery.com/

Full width, infinite scroll, video, image captions, filters

http://grs.vx2.lytee.com/htv---hitro-tehnicno-vozilo

<div class="gallery-list">
{foreach from=$elements item="element"}
<div class="gallery-list-element">
<div class="gallery-list-element-title"><a href="{$page->geturl()}?g/{$element->id}"><h2>{$element->title}</h2></a></div>
<div class="gallery-list-element-date">{date("d.m.Y",strtotime($element->date_start))}</div>
<div class="cf"></div>
<div class="gallery-list-element-images">
{assign var='i' value=0}
{foreach from=$element->getImages() item="image"}
{if $i < 6}
<div class="gallery-list-element-image">
<a href="{$page->geturl()}?g/{$element->id}">
<img src="/lyphp-latest/plugins/lythumb.php?src={$image->name}&w=190&h=190&c=1" />
<div class="gallery-list-image-overlay"></div>
</a>
</div>
{/if}
{capture assign=i}{$i+1}{/capture}
{/foreach}
</div>
<div class="cf"></div>
</div>
{/foreach}
</div>

<div class="gallery-slider">
{$image = $element->getImage()}
 {foreach from=$element->getImages() item="image"}
 <div class="gallery-image" style="background-image:url('{$image->name}');"></div>
 {/foreach}
</div>