إضافة تسميات تلميح صورة بسيطة مع Taggd

أنت تعرف كيف يتيح لك Facebook وجوه التسمية في الصور؟ حسنا, Taggd يشبه كيندا ما يعادل CSS / JS باستخدام النقاط للإشعار حيث يجب أن تظهر تلميحات الأدوات على الصورة.

المكتبة خالية تماما ، و لا يتطلب أي تبعيات مثل مسج. هذا يعمل على جافا سكريبت الفانيليا النقي, ومن السهل جدا الإعداد.

يمكنك معرفة المزيد من صفحة Taggd الرئيسية والتي يتضمن تجريبي وبعض الخطوات الأساسية لتبدأ.

هناك أيضا رابط ل الوثائق عبر الإنترنت باستخدام Doclets ، تطبيق ويب صغير أنيق تم إعداده لتوثيق JS. يمكنك بحث إصدارات Taggd, أو تصفح النسخة الحالية في الفرع الرئيسي.

من هناك ، ستحصل على قائمة ضخمة من الخصائص يمكنك استخدام. يتم تقسيم كل وثيقة من قبل الوظائف التي تعمل على الصورة (مثل إضافة علامة() أو getTag ()) تليها الوظائف التي تساعدك التلاعب علامات محددة (مثل setPosition ()).

مرة أخرى ، كل شيء يعمل على الفانيليا جافا سكريبت لذلك لا داعي للقلق بشأن مشكلات بناء الجملة.

للبدء تحقق من الريبو جيثب, واتبع تعليمات الإعداد.

يمكنك فقط إضافة ملفات Taggd CSS و JS الدخول الى حسابك الجزء , وثم إنشاء مثيل جديد من عناصر Taggd. هذه يمكن تعريفها واحدا تلو الآخر أو في مجموعة.

ثم إلحاقهم صورة, والمعزوفة! أنت على استعداد للذهاب.

أنا أحب أن أرى ميزات إضافية لتخصيص علامات العلامات, وتغيير شكلها. سيكون من الرائع إنشاء علامة مربعة لتطويق كائن بدلاً من نقطة وردية صغيرة. لكن فيما يتعلق بمكتبة مجانية بدون أي تبعية ، لا يمكنني الشكوى كثيرًا.

حتى الآن هذه المكتبة مصنوعة للمتصفحات الحديثة فقط, ولا يدعم تدهور رشيق. ومع ذلك ، يمكنك دائمًا فتح مشكلة على صفحة الريبو أو محاولة حل المشكلات الأخرى إذا رأيت أي مشكلة بسيطة. ومع ذلك ، لا يزال Taggd عبارة عن مكون إضافي ، وهو عملي للاستخدام في أي مشروع.

تحقق من الصفحة الرئيسية للمؤلف ل عينة من الرموز و روابط DL جنبا إلى جنب مع رابط إلى صفحة الوثائق.

وإذا كانت لديك أي أسئلة أو اقتراحات ، فلا تتردد في إرسال رسالة إلى المنشئ تيم سيفيرين على TwitterTimSeverien.