Alereya jquery kell minden demo
Szükséges létrehozni egy fotóalbum saját honlapján. hogy működni újratöltés nélkül az oldalon? Van egy html oldalt vagy teljes webhely alatt CMS (tartalomkezelő rendszer), és szeretnénk, hogy egy szép galériát a fotók a barátok, kollégák vagy ügyfelek?
Ma már nem jelent problémát. Shadowbox fogja megoldani a problémát.
A fő paraméterek:
Alapbeállítások shadowbox
hogy élő konténer betöltésekor a kép
Ideje, hogy a következő képet, ha van ilyen; ha tesz 0 -, akkor az átmenet a következő kép lesz csak egy egér - diavetítés nem fog működni
Állásfoglalás a tartály alatt loading image
Hogyan kell használni shadowbox?
Annak érdekében, hogy ezt a galériát, akkor be kell másolni a fájlokat Changed_package mappát (ha úgy dönt, én változat) a tárhely, és add, hogy a web-site, amelyen helyet a galéria (általában - index.php vagy index.html) az alábbi:
shadowbox.js a fájl elérési útját:
shadowbox.css a fájl elérési útját:
Itt a kód kell a lap tetején:
is le kell tölteni a képeket.
Ahhoz, hogy használni shadowbox, akkor kell használni belül a html oldal kódja:
title = "Stefan Beutler" alt = "Stefan Beutler" - cím képet és leírást. Arra használják, hogy kimeneti kép a tetején.
rel = "shadowbox [Utazás]" - kód, amely felhívja shadowbox. Ahelyett, hogy a szó [Utazás] lehet bármilyen. Ha kell használni egy galéria, ezt a szót kell használni csak azokat a képeket, amelyek szerepelnek egy albumon.
- egy miniatűr, hogy megjelenik az oldalon. ÉN használ miniatűrök ritkán mivel azok létrehozása nem automatikus.
Milyen változások tettem:
• Ha több képet, hogy a felhasználó kényelmetlen utánanézni a gomb „Tovább” vagy „Vissza”, ami alatt található a kép maga.
Ezért hoztam a funkció a „Next” - a kép fölé, vagyis ha rákattint a képre - a felhasználó eljut a következő képre.
• Ha a felhasználó mozgatja a kurzort a bal oldalon, akkor megjelenik egy nagy gomb rétegű kapcsolás „Előző” kép.
• Ha a felhasználó rákattint egy üres tér tele háttér, a kép le van zárva.
• Módosítsa a stílus, a hozzáadott CSS-3 kódja a szép kijelző.
Mindez nem a szokásos.
Ha szükséges, akkor a módosítatlan fájlokat.
Ha nem ért valamit, akkor nyissa meg a forráskódot a demonstrációs oldalak: kattintson jobb gombbal egy üres helyre az oldalon> Source Code.
Shadowbox fájlok:
Letöltés shadowbox változásaival
Konstantin érintkezés esetén ezt.
Természetesen részesedés, minden kiderült)) Köszönöm szépen!))
krigare.pro. bármely cikket kattintson bármelyik fotó és az összes lett tökéletesen !!)) Még egyszer köszönöm!
Igen, úgy nézett ki, látszott, nem tudtam, hogy ha ez valós ((Ha azt mondja, hogy mi pont js fájlt kell keresni nagyon hálás lenne)
Konstantin, sőt, és az ötlet előre essek többféleképpen kattintva a kép automatikusan és a navigációs nyilak alul. De vissza csak navi. irányba. Úgyhogy előre nyíl a jobb oldalon.
Ez úgy valósítható meg. Nézze meg, hogyan, hogy egy kéz vissza, és milyen funkciót JS elvégzi ezt a műveletet.
Jó napot! És hogyan másért a jobb nyíl lépjen csinálni? Kérem, mondja meg.
Köszönöm.