JQuery لائبريري: پنهنجي ويب سائيٽ لاء sliders

وقت جي بيتن ۽ ويب جوڙجڪ جي ميدان ۾ ٽيڪنالاجي جي ترقي سان بدلجندڙ ۽ ضرورتون / مواد سائيٽن تي استعمال ڪندڙن جي گهرج آهي. جيڪڏهن اڳ ان کي اڪثر ڪري ڌني تصويرون جو هڪ ننڍو انگ سان متن مواد هو، اڄ ان جي گرافڪ جي غالب اتحادي آهي. اهو توهان کي جلدي سڀ کان ضروري ۽ مفيد معلومات حاصل ڪرڻ جي اجازت ڏئي، ۽ وقت ضايع نه ڪندا آھن ڊگهي گورنر حجاج بن پڙهڻ. هن increasingly مشهور ۽، حقيقت ۾، هڪ ويب پيج جي هڪ ضروري عنصر sliders آھن سان تعلقي ۾. تصويرون کان جوڙي کي - انھن ۾ طرحين طرحين مواد سان پور آهن. هڪ ڏنو ويب اعتراض شامل ڪرڻ لاء هڪ جديد انداز - JQuery لائبريري استعمال ڪري. هن اوزار سان پيدا Sliders، هڪ آرام، استعمال ڪرڻ آسان، ۽ تمام شاندار ڏسڻ ۾ حاصل ڪري. اڳيون اسين ڪيئن پنهنجي تي صفحا جو انهن عنصرن ڪرڻ تي نظر. standardized اوزارن جي هڪ ڪجيٿو وڏي تعداد ۾ ڪرڻ جي مهرباني، ان جي JQuery سلائيڊر-قسم ۽ قسمين قسمين مواد تي عمل ڪرڻ ممڪن آهي.

ڪيئن هڪ ويب صفحي تي هڪ سلائيڊر کي شامل ڪرڻ جي؟

هڪ ٿڙندو-پور شامل ڪرڻ جي طريقن جي صفحي کي نمبر. اڪثر به HTML-ڪوڊ لکڻ ۽ رسم الخط ۾ Delve ڪرڻ نه ٿا ڏين. نه آزاد لائبريريون جو هڪ گهڻو تعداد، صارفين هڪ تيار-ڪيون ٽيمپليٽ توهان پنهنجي ويب سائيٽ تي JQuery-sliders شامل گھرجي ته جي آڇ ڪئي آهي. سڀ اوھان ڪندا آهن - پنهنجي ويب پيج جي جياپي جو ذريعو ۾ ان کي نقل ڪري ۽ ان جي نتيجن کي آسودو ڪرڻ آهي. تنهن هوندي به، هن معاملي ۾ پنهنجي تخليقي تخيل جي realization جو امڪان محدود آهي. تنهن ڪري، ان کي آزادي جي جوڙجڪ جو عنصر پيدا ڪرڻ جي قابل ٿي مفيد آهي. هن ڪندا، توهان کي ڪيئن معلوم جي JQuery سادو سلائيڊر کي ڪرائڻ، ۽ رڳو ان کي complicate ڪرڻ جي ضرورت آهي، توهان کي هميشه جي ڪوڊ ۾ اضافو عناصر شامل ڪري سگهو ٿا.

پاڻ جي هڪ سلائيڊر کي ٺاهي: جي HTML ڪوڊ ۾

پهريون، جتي شروع ڪرڻ - سلائيڊر جي مستقبل جي ترتيب رجسٽر ڪرڻ آهي.

1. HTML-فائيل Slideshow يونٽ، جنهن کي اسان جي slides (تصويرون وغيره) جي سڀ ڪون ٿيندو ۾ قائم.
2. اهو الحق فهرست ٿا رکون، جنهن جي هر تڪ هڪ الڳ ٿڙندو ذخيرو ڪندو.

اسان CSS سان ڪم ڪري رهيا آهن

ان کان پوء اسان کي ان لاء CSS-سند استعمال ڪرڻ جو ارادو ڪيو طرز جي ڪنڀار لاڳو. اهو صحيح ۽ حق نظر پئي ڪم ڪرڻ اسان جي مواد JQuery سلائيڊر کي لاڳو ڪرڻ ضروري آهي. هن مرحلي تي، اسان جي هيٺين ڪمن سان ويٺا آهن:

• پڪ آهي ته Slideshow يونٽ تي ٿڙندو (يا تصوير مواد) حق جي وقت، صرف هڪ ڊسپلي ڪندو، ۽ باقي لڪل هئا ڪر؛
• جي slides بندوبست ٻئي (حق کي ڇڏي) کان پوء هڪ؛
• الحق ظرف، جنهن جنگم (کاٻي ۽ ساڄي) slides دڪانن ڪندا.

هن ڪندا، ته CSS-فائل ۾ ڏنل اختيارن کي قائم:

• ڏسو، Overflow-وائي - - Overflow-x ڳجھي: جي Slideshow لاء:
• الحق لاء: مجال - ڏانهن روانو ٿيو.

به توهان کي، جي ويڪر (ويڪر) جي اصولن تحت قائم اوچائي (اوچائي) پس منظر (پس منظر) ۽ پوء اڳي ڪري سگهو ٿا.

اسان JQuery ۾ هن ڪوڊ ڪر

هن HTML ۽ CSS تمام ضروري تبديليون ڪيون ويون آهن. اهو JQuery ڪوڊ، sliders، جنهن جي هيٺيان جي حراست ۾ آهن گهرجي لاء کڻي رهي:

• Slides هڪ ڪجهه وقت interval سان ھڪ ٻئي ڪامياب ٿيڻ گهرجي.
• جنھن مھل اوھان کي hover تي مائوس پوئينٽر کي سندن تحريڪ پڄي وڃي.

slidewidth (جي ٿڙندو جي ڊيگهه جي برابر) ۽ slidertime (جي ٿڙندو نظر جي دور ۾ determines): هن ڪندا، اسان کي ٻه variables اعلان. هن timer شروع ٿيندو جڏهن ته صفحو ناه ڪروز ماڳ آهي. هن سميجي جو قسم اسان کي هڪ ٿڙندو (جنهن جي ٿڙندو نظر ڇڏيائين) کي مائوس پوئينٽر کي اشارو جو عمل ڇڏيو.

فرض کي الحق ظرف ڊيگهه پڪ ٿي. اهو slides جي تعداد ۾، هر ٿڙندو جي ڊيگهه طرف ڏانهن وڌايائين برابر ٿيندو.

هن فنڪشن slides بدلجندڙ لاء ذميوار داخل. ته سڀ آهي، توهان پنهنجي سلائيڊر جي ڪارڪردگي چيڪ ڪري سگهو ٿا.

ٿڪل

هن مقالي ۾ اسان ڪيئن پنهنجي ويب سائيٽ جي هڪ صفحي تي داخل ڪرڻ لاء پنهنجي JQuery-sliders ٺاهي پائيندو هو. هڪ سادي سلائيڊر جي مثال کي استعمال ڪندي، اوھان کي ان جي پنهنجي تشريح سان گڏ وٺي اچي سگهي ٿو، جياپي جو ذريعو ڪرڻ مناسب تبديليون بڻائي ٿي. هن جي جوڙجڪ کي بهتر بڻائڻ ۽ اوھان جي سائيٽ جي استعمال کان وڌيڪ سنڌين لاء آسان ڪندو.