Web-programozás - blog archive - hogyan lehet a diavetítés a javascript
Download könyvtár van.
Részletek demo itt lehet.
Itt a kód, és azonnal elkezdi szétszerelni.
Fogom leírni, amit a szkript. script egyszerű. Van például, van néhány elem (div: write) és ez a lista kép.
Div (vagy más elem) lehet egy osztály, de kell az id a forgatókönyvet, és akkor tudjuk átadni, hogy hozzon létre diavetítést. A script lehetővé teszi, hogy a vízszintes és függőleges diavetítés mozgás felfelé vagy lefelé, és jobbra vagy balra. Azt is megadhatja a méret a diavetítés szélessége és magassága, valamint a görgetés sebessége képeket. A paraméter a maximális szélesség és magasság pixelben. Ha ezek a paraméterek nincsenek beállítva, a forgatókönyvet az alapértelmezett értékeket.
Példák A könyvtár használata.
A szükséges minimális hívás
Egyszerűen át az ID szükséges elem, amely a képet a diavetítés. A többi paraméter beállítva a script.
A példa paraméterei
A szkript algoritmus.
Kapunk a képek listáját, és a két képet alkotni listát. Mi kiszámítja a szükséges méretek a tartály és az animációt. És módosíthatja stílusok bal, jobb, felső, alsó helyzetben rendre setInterval.
Hogyan kell csatlakoztatni a könyvtár
A fej a könyvtár alatt azt értjük, js fájlt, és css diavetítés
kell helyezni onload esemény a szervezet számára, mert meg kell töltse le a kimenetre nem csak a DOM, hanem képeket.