مكتبة مسج: المتزلجون لموقع الويب الخاص بك

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

كيفية إضافة شريط التمرير على صفحة ويب؟

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

إنشاء المنزلق بنفسك: في رمز HTML

أولا، من أين تبدأ - هو تسجيل تخطيط المستقبلي للالمنزلق.

1. أنشئت في وحدة HTML ملف عرض الشرائح، والتي سوف تحتوي كل من الشرائح (الصور، الخ).
2. أنها تقع القائمة ماي، سوف كل فقرة منها تخزين شريحة منفصلة.

ونحن نعمل مع CSS

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

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

للقيام بذلك، قم بتعيين الخيارات التالية في ملف CSS:

• لعرض الشرائح: تجاوز السينية - التمرير، تجاوز ذ - مخفي:
• لالمجاهدين: تعويم - غادر.

كما يمكنك تعيين المعلمات من العرض (العرض)، الارتفاع (ارتفاع)، خلفية (خلفية)، وهكذا دواليك.

نضع هذا الكود في مسج

وقد تم إجراء HTML و CSS كل التغييرات اللازمة. ويبقى الحال بالنسبة لكود مسج، المتزلجون، الذي يجب أن يكون المعلمات التالية:

• يجب الشرائح ينجح بعضها البعض مع فاصل زمني معين.
• عندما كنت تحوم مؤشر الماوس فوق حركتهم يجب أن تتوقف.

للقيام بذلك، ونحن نعلن متغيرين: slidewidth (ما يعادل طول الشريحة) وslidertime (يحدد فترة عرض الشرائح). سيبدأ الموقت عندما تكون الصفحة بالكامل موقع تحميل. بواسطة هذه المعلمة نحن ربط عمل لافتا مؤشر الماوس إلى شريحة (التي توقف عرض الشرائح).

مما لا شك فيه أن يصف طول الحاوية المجاهدين. وسوف يكون مساويا لعدد من الشرائح، مضروبا في طول كل شريحة.

إدراج وظيفة مسؤولة عن تغيير الشرائح. هذا كل شيء، يمكنك التحقق من أداء المنزلق الخاص بك.

استنتاج

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