مشغل صغير وقابل للتخصيص يشبه YouTube للجداول الزمنية لـ GSAP (GreenSock).
الصفحة التجريبية للمشروع: http://s.codepen.io/sdras/debug/Mpjxxq/
أبسط استخدام ممكن هو تحميل gsap-player.js قبل علامة الإغلاق (لا تحتاج إلى ملف CSS) وتنفيذ:
gsapPlayer ( { playerTL : yourtimelinehere } ) ; سيؤدي هذا إلى إلحاق المشغل بـ document.body. اسم الخط الزمني الافتراضي هو tl ، إذا كنت تستخدم tl، فستحتاج فقط إلى الاتصال gsapPlayer();
سيتم تعيين المظهر الداكن لمشغل GSAP افتراضيًا، ولكن يمكنك أيضًا تكوين مظهر فاتح:
gsapPlayer ( { light : true } ) ;افتراضيًا، سيكون عرض مشغل GSAP 80% و40 بكسل من أسفل إطار العرض. يمكنك تكوينه ليكون كامل العرض أو متدفقًا إلى الأسفل، أو أعلى أو أقل قليلاً. يجب أن يكون الجزء السفلي في سلسلة.
gsapPlayer ( {
fullWidth : true ,
bottom : '0'
} ) ; إذا كنت تستخدم العرض الكامل وأبقيت الحاوية افتراضيًا على document.body، فيجب أن تكون متأكدًا من أنك إما استخدمت إعادة تعيين أو وضعت margin: 0 على النص الأساسي بسبب الإعدادات الافتراضية الغريبة للمتصفح.
افتراضيًا، يتم إنشاء المشغل على الجسم، ولكن إذا كنت ترغب في تغيير الأصل، فيمكنك القيام بما يلي:
gsapPlayer ( { container : '#foo' } ) ;ستحتاج إلى وضع الموضع: نسبة إلى هذا العنصر المحتوي لإحاطة المشغل بشكل مكاني في هذا القسم. مجرد تنبيه: لن يؤدي هذا إلى وضع الرسوم المتحركة في الحاوية أيضًا (يتم الاحتفاظ بالتكوين منفصلاً لمزيد من المرونة.
(رخصة معهد ماساتشوستس للتكنولوجيا)
حقوق الطبع والنشر (ج) 2017 سارة دراسنر @sarah_edo جميع الحقوق محفوظة.
يُمنح الإذن مجانًا لأي شخص يحصل على نسخة من هذا البرنامج وملفات الوثائق المرتبطة به ("البرنامج") للتعامل في البرنامج دون قيود، بما في ذلك، على سبيل المثال لا الحصر، حقوق الاستخدام والنسخ والتعديل والدمج. ونشر و/أو توزيع وترخيص من الباطن و/أو بيع نسخ من البرنامج، والسماح للأشخاص الذين تم توفير البرنامج لهم بالقيام بذلك، وفقًا للشروط التالية:
يجب تضمين إشعار حقوق الطبع والنشر أعلاه وإشعار الإذن هذا في جميع النسخ أو الأجزاء الكبيرة من البرنامج.
يتم توفير البرنامج "كما هو"، دون أي ضمان من أي نوع، صريحًا أو ضمنيًا، بما في ذلك، على سبيل المثال لا الحصر، ضمانات القابلية للتسويق والملاءمة لغرض معين وعدم الانتهاك. لا يتحمل المؤلفون أو أصحاب حقوق الطبع والنشر بأي حال من الأحوال المسؤولية عن أي مطالبة أو أضرار أو مسؤولية أخرى، سواء في إجراء العقد أو الضرر أو غير ذلك، الناشئة عن أو خارج أو فيما يتعلق بالبرنامج أو الاستخدام أو المعاملات الأخرى في برمجة.
