Miniatűrök kibontása, mint a Google Images
A Google Képek egyedi felhasználói felületet futtat miniatűr előnézetek számos különböző webhelyről. A miniatűrök bármelyikére kattintva a képernyő további részleteit és nagyobb képét bővíti.
Ez az egyik legjobb képgaléria funkció, amit már használtam, Gridderrel lehet klónozni.
Ez az ingyenes jQuery plugin a Google hihetetlen UX-jének nyomában követ egy olyan plugint hoz létre, amely megfelel ennek a hatásnak. tudsz bármelyik képgaléria egy Google Images-stílusú galériává alakítható azonos animációkkal és megjelenítési funkciókkal.
Kellemesen meglepődöm, hogy milyen sebességgel és könnyű használatsal jár a bővítmény. Csak kattints a miniatűrre azonnal megjelenik egy nagyobb lövés és az animációk szuper tisztaek.
A képek tartalmazzon egy leírást a leíró szöveghez abban az esetben, ha néhány részletet vagy linket szeretne hozzáadni a képekhez. Ez különösen jól működik az egyszerű portfólióhelyeken, amelyek célja a képek összpontosítása.
Ezen felül, te is az Ajaxon keresztül is húzza a tartalmat. Ez lehetővé teszi dinamikus indexképek létrehozása más webhelyekről vagy API-kból származó tartalmat húz.
Minden kattintási esemény visszahívási módszert kínál, így még más plugineket vagy JavaScript funkciókat is futtathatsz a Gridder mellett. Olyan sok lehetőséggel, hogy gyakorlatilag úgy érzi, mint egy teljes rács-keret!
Gridder óta fut a jQuery-n, a legújabb verziót függőségnek kell tekinteni. De ez minden, amire szükséged van (a Gridder.js fájldal együtt), és néhány HTML-sorral a hálózatod zökkenőmentesen futhat.
Nézze meg a GitHub oldalt teljes beállításokat de itt van egy gyors előnézet a HTML megjelenése:
Minden tartalom áthúzódik a JavaScript-en keresztül, így elég sok mindent lehet betölteni.
Ez egy hihetetlenül sokoldalú plugin opciókkal változtassa meg az animációs sebességet, megkönnyítse, zárja be a gombstílust és a görgetés eltolását ha a felhasználó egy új indexképre kattint.
Az újonc és a profi fejlesztők egyaránt sok értéket találnak ebben a bővítményben. Mégis, ha még mindig nem biztos benne, hogy ez az Ön számára, vessen egy pillantást az élő Gridder bemutató oldalra és játsszon körül.