Tippek és Trükkök 011 - 020 Gallery modul használata

Gallery modul használata

Honlapunkon alaphelyzetként a Gallery modult használjuk (előzőleg az Album modult is kipróbáltuk, hasonlóan jó, de ez a modul frissebb és talán egy kicsivel többet is tud)

Telepítsük a Gallery modult. Ennek több módja van, modulkezelő, xml, ftp...
Telepítés után az / Admin / Tartalom /Gallery menüpont alatt megtalálható a szerkesztő felület.
Belépve a szerkesztő felületre ezt találjuk (itt már több galéria is van, de első lépésben csak a főgaléria - Gallery - van itt.) Célszerű ezt megtartani és a galériákat ennek algalériájaként (subgallery) létrehozni, mert így ha egy galéria oldalunk lesz, ahol minden galéria szerepel, akkor könnyű lesz belinkelni. Természetesen ebbe a könyvtárba is lehet képeket felölteni. Hozzunk léptre egy új galériát (Add subgallery).

Adjunk neki nevet, jelöljük meg a szülő galériát, megjegyzést füzhetünk hozzá, majd mentsük el.
Most már feltölthetünk képeket (célszerű itt feltölteni a képeket, mert rögtön át is méretezi a beállított maximális méretre. létrehozza a thumbnail-eket és egyszerre több kép is kijelölhető)
A következő lépésben adhatunk címet és megjegyzést a képekhez, átrendezhetjük a sorrendet (Drag & Drop) és törölhetünk is.
Új oldalba könnyen beilleszthető a képgaléria, a TinyMCE ezköztárában megjeleníthető a gallery ikon (ráklikkelve a létrehozott galériákból tudunk választan). Ehhez a TinyMCE beállításainál a Plugins panelnál ki kell jelölni a gallery_picker plugint.
Most már használható a TinyMCE-ben is a beillesztés
A beírt kód ez lesz: {Gallery dir='gallery-modul'} Ezt be lehet kézzel is írni, de jobb megoldás, ha az eszköztáron lévő ikont használjuk, mert úgy a létrehozott galériákból könnyebben választhatunk.

Amennyiben egy képet szeretnénk beilleszteni, akkor meg kell adni a kép azonosító számát (ez a kép mellett baloldalon látható).

Mivel önálló képet szeretnénk bemutatni, nem szeretnénk, ha a navigáció megjelenne a képen (mert ellenkező esetben az oldalon található összes kép elérhető lesz a navigáció használatával). Ezt elkerülendő, módosítsuk a "Template for module-calls to a single image - Template source" mezőben található kódot erre:

<div id="singleimage"><a class="group" href="{$image->file}" title="{$image->title}" rel="image_{$image->fileid}"><img src="{$image->thumb}" alt="{$image->title}" /></a></div>

Mivel az önálló képnek nincsen "stílusa" az oldalhoz rendelt stíluslapba illesszük be ezt a részt:

/* Gallery modul single image fancybox stílus */

#singleimage a{
display: inline-block;
border: 2px solid #ddd;
padding: 1px;
margin: 10px 10px;

}

#singleimage a:hover {
border-color: #999;
}

Önálló kép beillesztése esetén a beillesztés kódja ennyiben változik:

{Gallery img="1"}