Csúszik script képek js html css
Parancsfájlpélda
Kezdjük.
1. lépés - Make-up csúszka HTML + CSS
Fogjuk írni a forgatókönyvet, mint egy külön példát. Azt hiszem, nyakkendő, hogy az adatbázis és a site szerkezete nem lesz nehéz.
Egy külön mappában hozzon létre egy HTML fájlt véletlenszerű nevet, például slider.html. és helyezzük a következő kódot:
Remélhetőleg a HTML kódot, nem probléma. Az egyetlen dolog, mint látható, néhány stílusok vannak téve közvetlenül a blokk (display: none; background: url (img-5.jpg) no-repeatcentertop;). Ez az eljárás szükséges a kialakulását gátolja az adatbázisból, ahol a háttér-kép, ki kell venni az adatbázisba. Ami a display: none. arra is szükség van, anélkül, hogy blokkolja nem lesz képes megjelenni, majd eltűnnek.
Nézzük meg a CSS kódot. felveheti azt a fájlt, vagy hogy egy külön CSS fájlban:
Érdemes megjegyezni, hogy minden blokkot az osztály hüvelykujját. Álló helyzetben attribútum: abszolút. amely lehetővé teszi, hogy egymásra minden blokk ugyanazon a helyen. Az azonos osztályba tartozó attribútum alján. Ez az alagsori csúszka, amely megjeleníti a feliratot a kép. És persze ugyanaz, vetem meg a forrása képfájlok szükséges csúszka script:
Mert jobb megértés érdekében, vessünk egy pillantást a kép, úgy néz ki, és ezután mozgatni azokat a képeket a formában egy csúszka.
2. lépés - JS
Megvizsgáljuk az összes funkciót:
váltás - Ez a funkció felelős a hatását összecsukás és kinyitás. részlet, nem vesszük figyelembe azt, mivel ez nem olyan fontos. Beletelik egy érv - idhtmlelementa. Ha az elem (blokk) került nyilvánosságra, hogy végre hajtást. Ha az egység láthatatlan (minimalizált), végzett kibontakozó.
Használhatja bármilyen más hatás, ez a kérdés a készség.
VHE, gh - olyan funkciók, amelyeket használnak, kampós funkciót. Az első (VHE) felelős az átláthatóságot a tárgyakat. A második (GH) - kiszámítja a magassága a blokk, az szükséges, hogy a sima hajtogató / kibontakozó.
csúszka - felelős lapozgatta a képeket. 2. megkapja az érvelés (most, az utolsó). Most - az id blokk (képek), hogy szeretné megmutatni. Az utolsó - az id a blokk (kép), hogy szeretné elrejteni. Kezdetben a funkció automatikusan elindul, és az utolsó argumentum 0, azaz a régi blokk kép nem vérrög.
Ennek során az alábbi feladatok számított értékek, és most az utolsó, amelyek zárt hurok, és egy idő után (setTimeout), a funkció nevezi magát újra. Minden nagyon egyszerű.
run_function - olyan funkció, amely fogják hívni, ha az oldal betöltésekor (onload funkció). Ebben, hívjuk a csúszkát funkciót, hogy további nevezi magát. Ez minden automatikák.
Hogyan kell telepíteni ezt a forgatókönyvet?
Fontos megérteni, hogy ez nem egy külön plugin. Ez a példa a script a csúszka a képek, amelyeket át kell építeni a struktúrát a saját webhelyén. Akkor is módosíthatja a kódot saját belátása szerint.
Először válassza mysql lekérdezés. utolsó 5 elemeket az adatbázisból, vagy a legnépszerűbb. Ez magánügy, ahogy azt a „Feng Shui”.
Írom ezeket a cikkeket egy többdimenziós tömb, például $ tartalmát.
Az elemek tartalmát a tömb ($ db) tartalmaznia kell a következő információkat:
URL az anyag (nem feltétlenül url, lehet néhány cikket azonosítója, amit alkotnak url rajta).
Anyag neve (cím az anyag legyen hivatkozás).
Továbbfejlesztése, a forgatókönyvet
Ez nem mindig a képet, amely akkor jelenik meg a csúszka lesz a mérete 380 x 240. Ez nem szükséges módosítani őket a Photoshop, vagy hozzon létre külön.