Lisa Simple Image Tooltip sildid Taggdiga

Sa tead, kuidas Facebook sulle võimaldab etikett nägu fotosid? Noh, Taggd on nagu CSS / JS ekvivalent märkide tegemiseks kus näpunäited peaksid ilmuma pildile.

Raamatukogu on täiesti tasuta ja ei vaja mingeid sõltuvusi nagu jQuery. See jookseb puhta vanilje JavaScriptiga, ja see on super lihtne seadistada.

Taggdi kodulehelt saate veidi rohkem õppida sisaldab demo ja mõned põhilised sammud alustamiseks.

Seal on ka link online-dokumentatsioon kasutades Doclets, puhas väike veebirakendus, mis on tehtud JS-dokumentatsiooni jaoks. Sa saad otsida Taggdi versioone, või sirvige praegust versiooni kaptenis.

Sealt saad a tohutu nimekiri omadustest sa võid kasutada. Iga dokument jagatakse funktsioonide kaupa toimima pildil (nagu näiteks addTag () või getTag ()), millele järgnevad funktsioonid manipuleerida konkreetsete siltidega (nagu näiteks setPosition ()).

Jällegi, kõik jookseb vanilli JavaScript nii et sa ei pea muretsema süntaksi probleemide pärast.

Alustamiseks vaadake GitHub repot, ja järgige häälestusjuhiseid.

Lisate lihtsalt Taggd CSS ja JS failid oma lõik , ja siis luua uus eksemplar Taggd elemendid. Neid saab määratleda ükshaaval või massiivis.

Siis lisage need pildile, ja presto! Sa oled kőik valmis minema.

Ma tahaksin näha lisafunktsioonid siltide sildistamiseks, ja muuta nende kuju. See oleks fantastiline luua ruudukujuline sild objekti ümbritsemiseks, mitte väike roosa dot. Kuid vaba nullisõltuvusega raamatukogu jaoks ei saa ma palju kaebusi esitada.

Seni on see raamatukogu loodud ainult kaasaegsete brauserite jaoks, ja ei toeta graatsilist lagunemist. Siiski saate alati repo lehel probleemi avada või püüda lahendada muid probleeme, kui näete lihtsaid. Sellegipoolest on Taggd ikka veel plugin, ja see on praktiline kasutada mis tahes projektis.

Vaadake autori kodulehte proovi kood ja DL-lingid koos a link dokumentatsiooni lehele.

Ja kui teil on küsimusi või ettepanekuid, võite vabalt teatada loojale Tim Severienile oma Twitterist @TimSeverien.