Készíts egy jó kép az automatikus görgetés szalagot

Ma azt akarom mondani, hogy hogyan lehet egy látványos samoprokruchivayuschuyusya szalag képeket. Úgy néz ki, mint egy bannert avtosmenoy. Lehet, hogy szeretne elhelyezni oly módon, linkek, akciók a boltban vagy linkek múlt üzenete? Bárhogy legyen is a helyzet, én megtanítom, hogyan kell csinálni. Ez nagyon egyszerű.

Amire szükségünk

Ez minden. Hol találok jQuery Azt hiszem, mindenki tudja. A jcarousel Lite én google neked. Már régóta kerestem egy plugin, ami lehetővé tenné, hogy gyorsan és egyszerűen, anélkül, hogy a hatalmas mennyiségű kódot és ravasz bonyolult, hogy egy ilyen egyszerű hatást. És én találtam meg, és nagyon örült neki. Tény, hogy ezt a bejegyzést írok többet maguknak, könyvjelzőként nézni itt a következő alkalommal meg kell tenni a galéria a képek avtoskrolla.

Írj HTML fénykép szalag

Itt klasszikusok. Az általunk használt ul listát, és csavarja be egy div. DIV fogjuk ösztönöz a bővítményt, ezért kell egy azonosítót. Az én esetemben ez az osztály.

Fontos, hogy a képek azonos méretűek voltak. Egyébként ez nem fog olyan lenyűgöző. Tehát meg kell húzni, és feldolgozza azokat.

Be kell kapcsolódni jQuery. Hogyan kell csinálni, azt hiszem, mindenki tudja. És meg kell csatlakoztatni jcarousel Lite könyvtárban. Még mindig nem.

Miután az oldal betöltődik, meg kell, hogy felkavarja a plugin a szalagok és a csoda fog történni!

Ez minden! Tényleg. Semmi többre van szükség. Nem kell csatlakoztatni és testre témák. Nem kell, hogy némi ellenőrzés és írni kiegészítő kód. Van egy szabványos kódot képek listáját és egy hívás a plugin paramétereket. Ez úgy van, ahogy lennie kell. Örömömre szolgál, hogy őszinte legyek.

A lehetséges paraméterek és azok jelentését megtalálható az eredetit bővítményoldalról. Nos, én lefordítja röviden, hogy miért.

Lehetséges galéria lehetőségek

btnPrev - egy azonosító, amely meghatározza a „Vissza” gombot. Szükséges, ha ellenőrzik a görgetés a gombok.

btnNext - azonosítója „Forward” gombot.

btnGo - tudod, hogy az átmenet a elemszáma. Ha rákattint egy elemre, a körhinta kell proskrollena egy adott tétel. Több írásos dokumentáció.

görgővel - igaz / hamis értéke jelzi, hogy lépjen a körhinta az egér scroll. Ez megköveteli a görgővel plugin.

auto - igaz / hamis értéke jelzi, hogy a szalag csavart is.

sebesség - görgetés sebessége ezredmásodpercben.

lazítás - scroll hatása. Tudod, hogy a hatás a pattogó. Megköveteli lazítás plugin.

függőleges - lehet, hogy kap a kép függőlegesen forog?

kör - ha a szalag megáll, amikor eléri az utolsó képet, vagy pörögni egy kört?

látható -, hogy hány példány látható

start - minden elem

görgetés - hány példány görgetése

beforeStart - visszahívó függvény meghívásakor kezdete előtt animáció

afterEnd - visszahívási függvény úgynevezett végén az animáció

Az ilyen esetek. Használd ki!

És befejeztem a versenyt a blog fan pólók, és hamarosan jelentést írnak róla.