تضمين صور GIF متحركة مثل Facebook مع jqGifPreview

Twitter و Facebook لديهم الكثير من الناس مشاركة صور GIF المتحركة اليومي. إذا كانت جميع هذه الألعاب يتم تشغيلها تلقائيًا ، فقد تكون مروعة في الخلاصة.

كل من الشبكات الحصول على هذا حول مع ميزة النقر للمعاينة لجميع صور GIF. هذا يتيح للمستخدم اختيار أي الرسوم المتحركة التي يريدون رؤيتها عن طريق اختيار متى تبدأ / توقف الرسوم المتحركة.

مع ال jqGifPreview المساعد, يمكنك جلب هذه الوظيفة نفسها إلى موقع الويب الخاص بك.

هذه البرنامج المساعد jQuery مجانا يعمل على جميع صور GIF على الصفحة ، أو يمكن أن يستهدف على وجه التحديد أي ما تريد. إنه مورد رائع ولكنه يستغرق بعض الوقت لإعداده.

صورة GIF متوقفة مؤقتًا حقًا إطار واحد من الرسوم المتحركة, عرض على الصفحة.

لسوء الحظ ، هذا البرنامج المساعد لا تلقائيا سحب الموافقة المسبقة عن علم ثابت من GIF لك. ولكن ، يمكنك تحقيق ذلك باستخدام PHP أو أي لغة خلفية أخرى ، لذلك مع القليل من التعليمات البرمجية ، يمكن أتمتة هذا.

يستخدم هذا البرنامج المساعد سمة * البيانات ل تخزين موقع صورة GIF. بمجرد أن ينقر المستخدم على الصورة ، سيتم تحميلها تلقائيًا في SRC سمة من الصور وعرضها على الشاشة.

بسيطة وفعالة ، وبالتأكيد تأثير أنيق! كل ما تحتاجه هو ملفات CSS / JS لهذا البرنامج المساعد التي يمكنك سحب مباشرة من جيثب. وبالطبع ، سوف بحاجة الى نسخة من مسج, جدا.

من هناك ، قمت بإعداد صورتك مثل هذا:

الرئيسية SRC يجب أن السمة تحتوي على صورة ثابتة. يمكنك إما إنشاء برنامج نصي لإنشاءه ، أو يمكنك تعديل وتحميل لقطة ثابتة لكل GIF يدويًا.

ال بيانات GIF صفة، عزا يحمل GIF المتحركة الحقيقية وأنها سوف مبادلة على النقر إذا كنت استهداف فئة الصورة الرئيسية (في هذه الحالة ، إنه كذلك .myImg). الآن ، كل ما تحتاجه هو سطر واحد من مسج للحصول على كل شيء يعمل:

 $ ( "myImg.") jqGifPreview ()؛ 

بالتأكيد ، واحدة من أروع مكونات jQuery التي رأيتها هذا الشهر ومن السهل جدًا إعدادها.

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