Adaptív webhely csúszka
Nikolai Nigmatulin, hello, ha bármilyen kérdése tudják kérdezni a pablike VC, vagy írjon e-mail támogatás ([email protected]).
A Clickjacking mint társadalmi adathalászat, egy szkriptet írunk a felhasználó azonosítójának megszerzéséhez
Anton Kuleshov, ahol beszélhet veletek?
A Clickjacking mint társadalmi adathalászat, egy szkriptet írunk a felhasználó azonosítójának megszerzéséhez
lam3r, örülök, hogy kitaláltad.
A Clickjacking mint társadalmi adathalászat, egy szkriptet írunk a felhasználó azonosítójának megszerzéséhez
sajnálom, nem értettem, minden kérdés már nem áll rendelkezésre
A Clickjacking mint társadalmi adathalászat, egy szkriptet írunk a felhasználó azonosítójának megszerzéséhez
de mi a helyzet a Content Content Security Policy irányelvvel?
A Clickjacking mint társadalmi adathalászat, egy szkriptet írunk a felhasználó azonosítójának megszerzéséhez
Ma megnézzük a jQuery - FlexSlider adaptív csúszkáját. Kezdetben néhány pontot szeretnék felidézni, amelyeket az első ismerősen lehet leírni.
- Kétféle mód a képek megváltoztatásához: dia (görgetés) és elhalványulás (sima változás a CSS tulajdonság opacitásának köszönhetően);
- Egyszerű plugin telepítés és konfiguráció;
- A támogatás minden modern böngészőben elérhető;
- A beállítások nagy száma, amelyek lehetővé teszik a kívánt hatás elérését.
Mielőtt megpróbálnám megfontolni a FlexSlider-et, meg szeretném említeni a korábban leírt megoldást, amely hasznos lehet számodra. Ha keres egy adaptív csúszka, amely felváltja a kép csak az úsztatás módban az ajánlatot, hogy használja a bővítmény responsiveSlides (adaptív diák). Sok hasznos funkciója van, és hétszer kevesebb. Most visszatérünk a cikk témájához.
A FlexSlider hozzáadása három szakaszban történik.
1. Csatlakoztassa a jQuery könyvtárat és a bővítményfájlokat:
2. Helyezze el a jelölést a HTML-oldaladon (az id attribútum meg van adva a példa elválasztására másoktól):
3. Hívja a plugint:
Mindezek után az alapértelmezett beállításokkal csúsztatható az oldalon, és csak saját CSS-szabályokat kell hozzáadnia.
Ez volt az első példa a plugin használatára. Ha csúszkát szeretne hozzáadni vezérlő bélyegképekkel, akkor ugyanolyan könnyű csinálni. Meg kell változtatnunk egy kis jelölést, és hozzá kell adnunk az adat-thumb attribútumot minden elemhez. Jelentése szerint a miniatúra elérési útja látható.
A plugin beállításaiban adjon hozzá egy új controlNav paramétert a bélyegképek értékével.
A jQuery kód így fog kinézni:
A szkript használatának csak három lehetősége van, a példák a cikk "demo" szakaszában láthatók. Csak a plug-in beállításait kell megemlíteni, mindegyiket a webhely woothemes szakaszában lehet tanulmányozni - 4. lépés.
Remélem, hogy a FlexSlider egyike lesz a munkájának jó eszközeinek.