Pridėti „Simple Image Tooltip“ etiketes su „Taggd“

Jūs žinote, kaip „Facebook“ leidžia jums etiketės veidai nuotraukose? Na, Taggd yra panašus į CSS / JS ekvivalentą naudojant taškus notuoti kur paveikslėlyje turi būti rodomi patarimai.

Biblioteka yra visiškai nemokama, ir nereikalauja jokių priklausomybių pavyzdžiui, jQuery. Tai veikia gryno vanilės „JavaScript“, ir tai labai lengva nustatyti.

Daugiau galite sužinoti iš „Taggd“ pagrindinio puslapio apima demo ir kai kuriuos pagrindinius veiksmus pradėti.

Taip pat yra nuoroda į internetinė dokumentacija naudojant „Doclets“, tvarkingą mažą žiniatinklio programą, skirtą JS dokumentacijai. Tu gali ieškokite Taggd versijų, arba naršykite dabartinę versiją pagrindiniame skyriuje.

Iš ten jūs gausite didžiulis savybių sąrašas tu gali naudoti. Kiekvienas doc yra suskirstytas pagal funkcijas veikia (toks kaip addTag () arba getTag ()), po kurių seka funkcijos, kurios jums padeda manipuliuoti konkrečiomis žymomis (toks kaip setPosition ()).

Vėlgi, viskas veikia vanilės „JavaScript“ todėl jums nereikia nerimauti dėl sintaksės problemų.

Pradėti patikrinkite „GitHub“ repo, ir vadovaukitės nustatymų kryptimis.

Tiesiog pridėkite „Taggd CSS“ ir „JS“ failus į savo skyrius , ir tada sukurti naują instanciją „Taggd“ elementų. Tai galima apibrėžti vienas po kito arba masyvo.

Tada pridėti juos prie vaizdo, ir presto! Visi esate pasiruošę eiti.

Norėčiau pamatyti papildomos funkcijos, leidžiančios pritaikyti žymos etiketes, ir keisti jų formą. Tai būtų nuostabus, jei norite sukurti kvadratinį žymą, kad apsuptų objektą, o ne mažą rožinį tašką. Bet laisvai bibliotekai su nulinės priklausomybės neturiu daug skundų.

Kol kas ši biblioteka yra sukurta tik šiuolaikinėms naršyklėms, ir nepalaiko grakštus degradacijos. Tačiau visada galite atidaryti problemą repo puslapyje arba pabandyti išspręsti kitas problemas, jei matote paprastus. Nepaisant to, „Taggd“ vis dar yra „plugin“, ir tai yra praktiška naudoti bet kuriam projektui.

Patikrinkite autoriaus pagrindinį puslapį mėginio kodas ir DL nuorodos kartu su nuoroda į dokumentacijos puslapį.

Ir jei turite kokių nors klausimų ar pasiūlymų, nedvejodami praneškite kūrėjui Timui Severienui apie savo Twitter @TimSeverien.