Slimbox joomla

A szervezet a könyvtári slimbox hatás szüksége mootools.js és js slimbox-a. mootools.js valószínűleg már csatlakoztatva van, ha nem, akkor:

Hozzáadása slimbox kód és a CCS számára:

felveheti C Joomla kód, mint ez:

A második lehetőség - az a fájl elérési útját.

A HTML kód slimbox hatás által szervezett hivatkozással a képet. Linkek lehet helyezni az áttekintő képet.

A kulcsszó itt:

slimbox.js maga így néz ki:

Ehelyett, akkor helyezze be a beállításokat, például:

Vannak a következő beállításokat:

  • hurok. logikus; ha igaz lesz eligazodni. Alapértelmezett false
  • overlayOpacity. Átlátszó szín lehet változtatni a CSS fájlban. Default 0.8.
  • overlayFadeDuration. Fejlesztési időt és csillapítás képek ezredmásodperc. A 0 letiltja az animációs hatást. Default 400.
  • resizeDuration. telepítési idő ezredmásodpercben. 0 letiltja a hatást. Default 400.
  • resizeTransition. Beállítja a hatása a képméret megváltoztatása Az alapértelmezett Mootools sineInOut. Megadhatja az értéket, például, Fx.Transitions.Elastic.easeOut.
  • initialWidth. A szélessége képpontban. Az alapértelmezés 250.
  • initialHeight. Magassága pixelben. Az alapértelmezés 250.
  • imageFadeDuration. A lebomlási ideje a képet. 0 - a kép azonnal megjelenik. Alapértelmezésben 400.
  • captionAnimationDuration. Az idő az animációs fejlécet. 0 - azonnal megjelenik. Alapértelmezésben 400.
  • counterText. A szöveg lehetővé teszi, hogy testre, lefordítani vagy letiltja a képek számát. Letiltani - hamis vagy „”. Az alapértelmezés az „képe”.
  • closeKeys. A navigációs gomb zárja be a kulcsot kódokat. Az alapértelmezés az [27, 88, 67]. ESC (27), "x" (88) és a "c" (67).
  • previousKeys. Gombokkal léphet az előző kép kulcskódokat. Az alapértelmezés az [37, 80]. Balra nyíl (37) és a "p" (80).
  • nextKeys. Gombokkal mozgassa a következő képre kulcskódokat. Az alapértelmezés az [39, 78]. Jobb nyíl (39) és "n" (78).

Kapcsolódó cikkek