For Android device For iOS device
២២
មករា

គន្លឹះ​ខ្លះ​ៗ​ក្នុង​ការធ្វើ Slider ជាមួយ CSS និង Bootstrap

រៀបរៀងដោយ លោក សួ លីឡាយ កែ​សម្រួល​ឡើងវិញនៅ​ថ្ងៃ​ទី ២៦ ខែមេសា ឆ្នាំ ២០២២ ដោយលោក យឿន ឆៃយ៉ា

សួស្តីអ្នក​ទាំងអស់​គ្នា​ជា​ពិសេស​អ្នក​ដែល​កំពុង​សិក្សា​ភាសា HTML & CSS ។ នេះគឺ គន្លឹះ​ខ្លះ​ៗ​ក្នុង​ការធ្វើ Slider ជាមួយ Bootstrap-5 ដែល​ខ្ញុំ​លើកយកមក​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា ។ កុំ​ឲ្យ​ខាតពេលយូរយើងទៅមើល​លទ្ធផល និង Code ​ខាងក្រោម​៖

​លទ្ធផល​កូដ

ដើម្បី​ដំណើរ​កូដ​ខាងក្រោម​នេះបាន​លុះត្រាតែ​អ្នក​ទាំងអស់​គ្នា ចូល​ទៅកាន់ Browser ​ណាមួយ ដើម្បី Download Library របស់ Bootstrap-5 ជាមុនសិន ។

​សម្រាប់​អ្នក​ដែល​មិនទាន់​ចេះ Download Library របស់ Bootstrap ដើម្បី​យកមក​ប្រើ​ប្រាស់ ។ ដូច្នេះ សូម​ឲ្យ​អ្នកត្រឡប់ទៅរកមើលអត្ថបទ​ដែល​បង្រៀនពីរបៀប Download ជាមុនសិន ។

ពន្យល់កូដ

បន្ទាត់ទី ៩ គឺ ជា Link ​សម្រាប់​ទាញយក Font អក្សរ​ខ្មែរ ពី Google ​ណាមួយ​ដែល​យើងបាន​កំណត់ ។

- បន្ទាត់ទី ១០ ជា Link CSS របស់ Bootstrap ​ដែល​យើងបាន Download ។ នៅ​ក្នុង​CSS មានផ្ទុក Class ជា​ច្រើន​សម្រាប់​ឲ្យ​យើងយកមក​ប្រើ​ប្រាស់​តាម​តម្រូវ​ការ ។

- បន្ទាត់ទី ១២ ដល់ ២៥ គីជា Code CSS ​សម្រាប់ តុបតែង និង កំណត់ Font ​ឲ្យ​អក្សរ ។

- បន្ទាត់ទី ៣៣ ដល់ ៧​៨ ជា Code ដែល​បង្កើត​ Slide   ដើម្បី​បានកូដទាំងនេះយើង​គ្រាន់តែ វាយពាក្យ (bs5-carousel-caption) ហើយ Enter រួចជាស្រេច {Visual Studio Code} ឬ ចូល Link Bootstrap ហើយចុចពាក្យ Components ​បន្ទាប់មក​ចុចពាក្យ Carousel នោះអ្នកនឹងឃើញមាន slide ជា​ច្រើន​ដែល​អាច​ឲ្យ​អ្នក​ជ្រើសរើស ។

- បន្ទាត់ទី ៧០ ដល់ ៧៧ គឺជា Button ឆ្វេង​ស្ដាំ នៃស្លាយ next នឹង previous

- បន្ទាត់ទី ៨២ ជា Link Javascript របស់ Bootstrap ​ដែល​យើងបាន Download ។ វា​ធ្វើការ​នៅពេល​ដែល យើង Click ​ទៅលើ Button ​ណាមួយ​ដែល​មាននៅ​ក្នុង Slide របស់យើង ។

→ ​សម្រាប់ Link Download កម្មវិធី ANTLearner សម្រាប់ Android  https://tinyurl.com/22j26u49

🤝  ​សូម​ទាញយក​កម្មវិធី ANTLearner សម្រាប់ Windows ដោយចួលរួមជាមួយ telegram : https://t.me/AntTechnologyTrainingCenter

→ ​សម្រាប់ Link Download កម្មវិធី​ផ្សេងទៀត​សម្រាប់ iOS & Android & Windows http://www.antclasses.com/help/page/application.html

→ ​ប្រសិនបើ​មានចង្ងល់ ឬ​មាន​សំណួរ​ផ្សេងៗ​សូម​ផ្ញើ​សារចូល Facebook : https://www.facebook.com/anttrainning

 ​សម្រាប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/ 

 លេខ​ទូរសព្ទ​ទំនាក់ទំនង ០១០/០១៦ ៦៦៦ ៦៥៣

💒 ទីតាំង #86B ផ្លូវ 313 កែង 606 សង្កាត់បឹងកក់២ ទួលគោក

https://maps.app.goo.gl/cdi3hTED27tbHBaB9

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា