For Android device For iOS device

មករា

ការដាក់​រូបភាព Slide Show នៅលើ​គេហទំព័រជា​លក្ខណៈ 3D

♦ រៀបរៀងអត្ថបទដោយ លោក ស្រីទិត្យសត្យា កែ​សម្រួល​ឡើងវិញនៅ​ថ្ងៃ​ទី ១៥ មិនា ២០២១ ដោយ កញ្ញា អេង រតនៈ​ និង លោក សួ លីឡាយ

សួស្តីអ្នក​ទាំងអស់​គ្នា​! ! ! ថ្ងៃ​នេះ​ខ្ញុំ​សូមចែក​រំលែក​អ្នក​ទាំងអស់​គ្នា​អំពី​ចំណេះដឹង​ខ្លះ​ៗ ទាក់ទង ជាមួយនឹង​វិធីសាស្រ្តមួយចំនួនតូច​ដែល​បានដកស្រង់ចេញពីមេរៀន JavaScript និង​ មេរៀន CSS ​ដែល​ក្នុង​នោះ​ខ្ញុំ​បានលើកយក​ផ្នែក​តូចមួយនៃ JavaScript មក​បង្ហាញ​គឺ៖ ការដាក់​រូបភាព Slide Show ​នៅលើ​គេហទំព័រជា​លក្ខណៈ 3D  ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូរ​ជាមួយនឹង​ការ​រៀបរាប់​វែងឆ្ងាយអូសបន្លាយពីការដាក់​រូបភាព​ជា slide show យូរ​ តោះ! !  យើងទៅជួប​ជាមួយនឹង​រូបភាព​នៃកូដ​ក៏​ដូចជា​ការពន្យល់ពីកូដដូច​ខាងក្រោម​ទាំងអស់​គ្នា​៖

→ លទ្ធផល​ក្រោយពី​ដំណើរ​ការ​កូដ

ហើយមានចលនាផ្លាស់ប្តូរ​រូបភាព​តាមការ​កំណត់​នៅ​ក្នុង​កូដ​ index.html 

 កូដ HTML

 ពន្យល់កូដ HTML

- បន្ទាត់ទី១០ ​គេ​ប្រើ​ h1 ដើម្បី​ដាក់​ចំណងជើង

- បន្ទាត់ទី១​១ ដល់ទី២៦​ គេ​ប្រើ​ id ហើយនឹង class ដើម្បី​ងាយស្រួយហៅទៅ​ប្រើ​មិនបាច់ពិបាក​ច្រឡំ​គ្នា​ហើយ tag img ​សម្រាប់​ហៅរូបភាបមក​ប្រើ

- បន្ទាត់ទី២៧​ ​ដល់ទី២៨ គេ​ប្រើ​ tag script ដើម្បី​ហៅ JavaScript មក​ប្រើ​ប្រាស់​ឲ្យ​វា​ដំណើរ​ការ

-  បន្ទាត់ទី២៩  ដល់ទី៣៨​ គេ​ប្រើ​ tag script ដើម្បី​សរសេរ​ code JavaScript ​ឲ្យ​រូបភាព​ដំណើរ​ការ​នៅពេល​យើង​ run ​នៅលើ​ browser

 កូដ CSS

♻️ សម្រាប់​លោកអ្នក​ដែល​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Windows សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter

📲 សម្រាប់​លោកអ្នក​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Android https://bit.ly/3qhYCJf

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

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

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

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

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

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

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