Homepage » UI / UX » Miniatűrök kibontása, mint a Google Images

    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:

      
    A tartalom itt ...

    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.