Додајте ознаку Тоолтип Симпле Имаге са ознаком Таггд

Знате како вам Фацебоок омогућава лабел фацес на фотографијама? Добро, Таггд је као ЦСС / ЈС еквивалент користећи тачке за нотацију где би се на слици требало појавити описи.

Библиотека је потпуно бесплатна, и не захтева никакве зависности као што је јКуери. То ради на чистом ванилијском ЈаваСцрипту, и веома је лако поставити.

Можете нешто више научити са Таггд почетне странице која укључује демо и неке основне кораке за почетак.

Постоји и веза са онлине документација користећи Доцлетс, уредну малу веб апликацију направљену за ЈС документацију. Можете претражујте Таггд верзије, или прегледајте тренутну верзију у главној грани.

Одатле ћете добити огромна листа својстава можете користити. Сваки документ је подељен по функцијама које раде на слици (као такав аддТаг () или гетТаг ()) праћене функцијама које вам помажу манипулишите специфичним ознакама (као такав сетПоситион ()).

Опет, све ради на ванили ЈаваСцрипт тако да не морате да бринете о питањима синтаксе.

Започети проверите ГитХуб репо, и пратите упутства за подешавање.

Ви само додајете Таггд ЦСС и ЈС датотеке у свој сецтион , и онда направите нову инстанцу елемената Таггд. Оне се могу дефинисати један по један или у низу.

Онда додајте их на слику, анд престо! Спремни сте да идете.

Волео бих да видим додатне функције за прилагођавање ознака ознака, и промени облик. Било би сјајно да направите квадратну ознаку која окружује објекат, а не малу ружичасту тачку. Али за бесплатну библиотеку са нула зависности, не могу се много жалити.

До сада је ова библиотека направљена само за модерне прегледнике, и не подржава грациозну деградацију. Међутим, увијек можете отворити проблем на репо страници или покушати ријешити друге проблеме ако видите неке једноставне. Ипак, Таггд је и даље прави плугин, и практичан је за било који пројекат.

Погледајте почетну страницу аутора за сампле цоде и ДЛ линкс заједно са линк на страницу с документацијом.

А ако имате било каквих питања или сугестија слободно пошаљите поруку креатору Тиму Севериену на његов Твиттер @ТимСевериен.