Asterial web design - területek létrehozása
Amellett, hogy a beállítások modult az admin felületen a honlap, vannak konfigurációs script is változnak, akkor lehet elérni érdekes és hasznos hatásokat.
Ha a csúszkát hatásai
Kód csúszka hatását a következőképpen néz ki:
$ ( „# Slideshow„) .nivoSlider (
Válassza ki a kívánt hatást, és adjunk hozzá a .nivoSlider () zárójelben; Ne felejtse el, hogy zárójelben göndör <> különben a csúszka nem fog működni.
hatás: „véletlen”, // animációs hatás csúszka, a teljes listát lásd alább
szeletek: 15, // számos animációs elemek, például, a négyzetek száma az sliceDown hatást és egyéb
animSpeed: 500, // sebesség változó képek
pauseTime: 3000, // késedelem a képek között
startSlide: 0, // száma a kép, amellyel kezdeni a képek megjelenítését, számolás 0, azaz 0 - ez az első kép.
directionNav: true, // igaz -, hogy megjelenjen a nyíl oda-vissza, hamis - elrejtése
directionNavHide: true, // igaz - mutat a nyilak csak ha lebeg, hamis - mindig azt mutatják,
controlNav: true, // igaz - Diajelző a váltógombot, hamis - hide
keyboardNav: true, // használja a bal és jobb nyíl billentyűket váltani diák.
pauseOnHover: true, // megáll az animáció, amikor az egér.
Az értékek a hatást:
Hatásainak leírására nem, akkor megtekinthető az esetben a kívánt értéket a kódot.
Beállítás körhinta hatások
Szerkesztette a fájlt katalógus / view / téma / a téma / sablon / modul / carousel.tpl. szerkezete a kódot a fájl ugyanolyan, mint a csúszkát. Hatások a karusszel kevesebb, de akkor is hasznos lehet. Kezdetben körhinta script így néz ki:
$ ( „# Carousel ul „). jcarousel (
látható: ,
lapozzunk:
Mint látható, bizonyos hatásait már, például függőleges: false jelzi, hogy a körhinta jelenik vízszintes helyzetben, ha ez az érték true, akkor megjelenik függőlegesen. Látható - a tételek száma látszik a körhinta, ezt az értéket az admin panel Carousel modul beállításait. Lapozzon meghatározott helyén központ határozza meg, hogy hány elem fog gördülni a körhinta. Most tekintsük a más hatások felvehet egy körhinta.
animáció: „lassú”, // sebessége a tekercset elemekkel. Lehetséges értékek: „lassú”, „gyors”, 0 (nem animált)
auto: 0, // beállítja Auto.görgetés karusszel slot, ha értéke 0, akkor az automatikus görgetés ki van kapcsolva. Ha azt szeretnénk, hogy köze van a automatikus görgetés körhinta, ne felejtse el megadni ezt az értéket.
csomagolja: „körkörös”, // meghatározza a viselkedését a karusszel eléri az utolsó elem. Lehet értékek „utolsó”, „első”, „mind”, „kerek”. Érték teszi végtelenül körkörös scroll elemekkel.
körhinta script a megállapított hatások:
$ ( „# Carousel ul „). jcarousel (
látható: ,
lapozzunk: ,
Ebben a példában, a karusszel lesz automatikus görgetést lépésekben 2 elemek és végtelen ismétlés. Ha az animáció sebességét nincs megadva, alapértelmezés szerint ez lesz gyors.
Sokan keresnek valamilyen modult annak érdekében, hogy a körhinta automatikus görgetés, és tényleg csak akkor kell egy kis szerkesztés szabvány körhinta, és a kívánt hatást elérjük.
Ön is érdekelt a cikket: