Добавьте простые ярлыки подсказок к изображениям с Taggd

Вы знаете, как Facebook позволяет маркировать лица на фотографиях? Хорошо, Taggd это похоже на CSS / JS-эквивалент с использованием точек для обозначения места появления подсказок на изображении.

Читайте также: 40+ полезных скриптов подсказок с CSS, JavaScript и jQuery

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Библиотека полностью бесплатна и не требует каких-либо зависимостей, таких как jQuery. Он работает на чистом ванильном JavaScript, и его очень легко настроить.

Вы можете узнать немного больше из Домашняя страница Taggd который включает в себя демонстрацию и некоторые основные шаги для начала работы.
пример taggdТакже есть ссылка на электронная документация используя Doclets, маленькое аккуратное веб-приложение, созданное для документации JS. Вы можете искать версии Taggd или просматривать текущую версию в основной ветке.

Оттуда вы получите огромный список свойств, которые вы можете использовать. Каждый документ разделен на функции, которые работают с изображением (например, addTag () или getTag ()), за которыми следуют функции, которые помогают вам манипулировать определенными тегами (например, SetPosition ()).
документация taggdОпять же, все работает на обычном JavaScript, поэтому вам не нужно беспокоиться о проблемах синтаксиса.

Чтобы начать, проверьте GitHub репои следуйте инструкциям по установке.

Вы просто добавляете файлы Taggd CSS и JS в свой раздел, а затем создайте новый экземпляр элементов Taggd. Они могут быть определены один за другим или в массиве.

Затем добавьте их к изображению, и Presto! Вы готовы идти.
демонстрационные деревья taggd Я хотел бы видеть дополнительные функции для настройки меток тегов и изменения их формы. Было бы здорово создать квадратную метку, которая будет окружать объект, а не маленькую розовую точку. Но для бесплатной библиотеки с нулевыми зависимостями я не могу много жаловаться.

Пока эта библиотека сделана только для современных браузеров и не поддерживает постепенную деградацию. Однако вы всегда можете открыть вопрос на странице репо или попробуйте решить другие проблемы, если вы видите простые. Тем не менее, Taggd по-прежнему чертовски плагин, и его практично использовать для любого проекта.

Проверьте домашняя страница автора для примера кода и ссылки DL вместе со ссылкой на страница документации,

И если у вас есть какие-либо вопросы или предложения, не стесняйтесь сообщать создателю Тиму Северину в своем Twitter @TimSeverien,

Читайте также: 25 сайтов, чтобы повеселиться с вашими фотографиями

            <script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *