S Gallery

(3.7)

Oficjalna witryna wtyczki

Repozytorium Github

Zobacz więcej

S Gallery to plugin galerii internetowej, który wykorzystuje animacje CSS więc będzie on działał tylko w przeglądarkach obsługujących te funkcje. Z ciekawych właściwości galerii jest pamiętanie ostatniego wybranego obrazu. Dzięki czemu po powrocie do trybu miniatur obraz wraca na swoje miejsce. Nawigacja pomiędzy obrazami jest możliwa również za pomocą klawiatury.

Instalacja

HTML

<div id="gallery-container">
  <ul class="items--small">
    <li class="item"><a href="#"><img src="images/small-1.png" alt="" /></a></li>
    <li class="item"><a href="#"><img src="images/small-2.png" alt="" /></a></li>
    <!--.....-->
  </ul>
  <ul class="items--big">
    <li class="item--big">
      <a href="#">
        <figure>
          <img src="images/big-1.jpg" alt="" />
          <figcaption class="img-caption">
            Caption
          </figcaption>
        </figure>
        </a>
    </li>
    <li class="item--big">
      <a href="#">
        <figure>
          <img src="images/big-2.jpg" alt="" />
          <figcaption class="img-caption">
            Caption
          </figcaption>
        </figure>
        </a>
    </li>
    <!--...-->
  </ul>
  <div class="controls">
    <span class="control icon-arrow-left" data-direction="previous"></span>
    <span class="control icon-arrow-right" data-direction="next"></span>
    <span class="grid icon-grid"></span>
    <span class="fs-toggle icon-fullscreen"></span>
  </div>
</div>

Podobne

(0.0)

(6)

(0.0)

(0.0)

Strona wtyczki:	Strona wtyczki
Github:	Github