Flexslider - adaptív csúszka - webhelyek szkriptjei

Tekintse meg a csúszka alapfelhasználását, nevezetesen az első példát a demóból.

A konténer belsejében egy rendezetlen lista a képekkel:

A bővítmény stíluslapja csatolva van:

A JQuery csatlakoztatva van. maga a plugin és annak inicializálása a szükséges opciókkal:

További példák: lásd a bemutatót.

névtér. "flex-", // String: Az előtag, amelyet a plugin által létrehozott egyes elemek osztályához csatolnak
választó. ".slides> li", // Selector: Egyszerű minta egyezzen. '>' - Hagyja figyelmen kívül a sablont saját felelősségére
animáció. "fade", // String: Animáció típusa, "fade" vagy "slide"
lazítás. "swing", // String: Meghatározza a jQuery easing plugin által támogatott átmenetet.
irányba. "vízszintes", // String: A képváltás irányát "vízszintes" vagy "függőleges"
visszafordítani. false, // Boolean: fordítsa meg az animáció irányát
animationLoop. true, // Boolean: Animációs ciklikusság. Ha hamis, a directionNav egy "letilt" osztályt ad hozzá a csúszka mindkét végén
smoothHeight. hamis, // Boolean: Engedélyezi a csúszka magasságának vízszintes módban való élvezetét
startAt. 0, // Integer: A dia, ahonnan a diavetítés elindul. Array (0 = első dia)
diavetítés. true, // Boolean: Engedélyezi az automatikus bemutatót
slideshowSpeed. 7000, // Integer: Diavetítés sebessége ms-ban
animationSpeed. 600, // Integer: Animációs sebesség ms-ban
initDelay. 0, // Integer: Inicializálási késleltetés ms-ban
véletlenszerű. false, // Boolean: A diák sorrendje

pauseOnAction. true, // Boolean: szüneteltetheti a diavetítést, amikor a vezérlőelemekkel kölcsönhatásba lép, erősen ajánlott.
pauseOnHover. hamis, // Boolean: szüneteltesse a diavetítést, amikor csúszik a csúszka fölé, majd folytassa, amikor már nem mozog
useCSS. true, // Boolean: A csúszka a CSS3 átmeneteket használja, ha rendelkezésre áll
érintse. true, // Boolean: Érintéses eszközökön engedélyezheti a csúszkát érintő érintéscsúsztatási navigációt
video. false, // Boolean: Ha a csúszóban lévő videót használja, megakadályozza a CSS3 3D átalakításokat, hogy elkerüljék a grafikus hibákat

controlNav. true, // Boolean: Navigáció létrehozása az egyes diákok oldalanként történő kezeléséhez. Megjegyzés: a manualControls használata továbbra is igaz
directionNav. true, // Boolean: Navigáció létrehozása a hátsó / előre gombokhoz (true / false)
prevText. "Előző", // String: Tesztelje az "előző" gomb irányátNav
nextText. "Next", // String: Tesztelje a "next" gombot a directionNav gombra

itemWidth. 0, // Integer: A karusszel kapcsolatos egyes elemek Box-modelljének szélessége, beleértve a vízszintes határokat és a párnázást (padding)
itemMargin. 0, // Integer: A körhinta elemek közötti behúzás
minItems. 0, // Integer: A karusszel rendelkező elemek minimális száma látható lesz. Az elemek simán átméreteznek a megadott érték alatt
maxItems. 0, // Integer: A karusszel rendelkező elemek maximális száma, amely látható lesz. Az elemek simán átméretezik ezt a határt túllépve.
mozogni. 0, // Integer: A karusszel rendelkező elemek száma, amelyeknek át kell haladniuk az animáción. Ha 0, akkor a csúszka mozgatja az összes látható elemet

kezdeni. függvény ()<>, // Visszahívás: funkció (csúszka) - Aktiválja a csúszkát, amikor az első csúszka csúszik
előtt. függvény ()<>, // Visszahívás: funkció (csúszka) - Az aszinkron módon kapcsolja be a csúszka minden egyes animációját
után. függvény ()<>, // Visszahívás: funkció (csúszka) - A csúszka minden egyes animációja után működik
végén. függvény ()<>, // Visszahívás: funkció (csúszka) - Indít, amikor a csúszka eléri az utolsó elemet (aszinkron)
hozzá. függvény ()<>, // Visszahívás: funkció (csúszka) - A csúszkát hozzáadja a triggerelés után
távolítani. függvény ()<> // Visszahívás: funkció (csúszka) - A csúszka törlése után a triggerek

LETÖLTÉS Ugrás: navigáció, keresés
1,07 Mb Ki letöltötte?