For Android device For iOS device

មេសា

​បង្កើត slideshow ជាមួយនឹង jQuery Cycle Plugin

jQuery Cycle Plugin ជាគេហទំព័រមួយ​ដែល​ផ្ទុក​ទៅដោយ​ប្រភេទ​នៃ Style slideshow ជា​ច្រើន​ដែល​អាច​ឲ្យ​លោកអ្នក​ធ្វើការ​ជ្រើសរើស style បានតាម​តម្រូវ​ការ ។ លើសពីនេះទៅទៀត​លោកអ្នក​ក៏​អាច Download jQuery Cycle Plugin មក​ប្រើ​បានថែម​ទៀតផង ។ ដោយមើលឃើញពីសារប្រយោជន៍​និង ដើម្បី​បំពេញ​តម្រូវ​ការទៅដល់អ្នក​ប្រើ​ប្រាស់​បែបនេះហើយទើប​ទស្សនាវដ្ដី​អាន យើង​ខ្ញុំ​ធ្វើការ​បង្ហាញ​ពីរបៀប​ទាញយក និង បង្កើត slideshow ជាមួយនឹង​ style ដែល​មានស្រាប់ ។

ដំបូង​លោកអ្នក​គ្រាន់តែ​ចូល​ទៅកាន់​ URLដូច​ខាងក្រោម ៖

http://jquery.malsup.com/cycle/more.html?v2.23

នោះ​វានឹង​បង្ហាញ​៖

រួច​លោកអ្នក​ធ្វើការ​ជ្រើសរើស​ style ដោយចុចលើ link ​ណាមួយ​ដូចរូប ៖

នោះ​វានឹង​បង្ហាញ​ដូចរូប​ខាងក្រោម ៖

​បន្ទាប់មក​ទៀត​លោកអ្នក ចុច Ctrl + u ដើម្បី​មើល source code និង copy កូដទៅដាក់​ក្នុង file ​ដែល​មាន​ឈ្មោះ​ថា index.html ដូចរូប​ខាងក្រោម ៖

 

ជំហានបន្ទាប់​លោកអ្នក​ចូល​ទៅកាន់ http://code.jquery.com/jquery-1.5.min.js

នោះ​វានឹង​បង្ហាញ ៖

រួច copy កូដ​ខាងលើ​ទៅដាក់​ក្នុង file ​ដែល​មាន​ឈ្មោះ​ថា jquery-1.5.min.js នៅ​ក្នុង folder js ដូចរូប​ខាងក្រោម ៖

 

​បន្ទាប់មក​ទៀតចូល​ទៅកាន់ http://malsup.github.io/chili-1.7.pack.js នោះ​វានឹង​បង្ហាញ​៖

រួច copy កូដ​ខាងលើ​ទៅដាក់​ក្នុង file ​ដែល​មាន​ឈ្មោះ​ថា chili-1.7.pack.js នៅ​ក្នុង folder js ដូចរូប​ខាងក្រោម ៖

 

​បន្ទាប់មក​ទៀតចូល​ទៅកាន់ http://malsup.github.io/jquery.cycle.all.js

 នោះ​វានឹង​បង្ហាញ​៖

រួច copy កូដ​ខាងលើ​ទៅដាក់​ក្នុង file ​ដែល​មាន​ឈ្មោះ​ថា jquery.cycle.all.js នៅ​ក្នុង folder js ដូចរូប​ខាងក្រោម ៖

 

ជំហានបន្ទាប់​លោកអ្នក​ចូល​ទៅកាន់​ index.html រួចកែកូដមួយចំនួនដូច​ខាងក្រោម ៖

កូដបន្ទាត់ទី 9,10 & 11 ជាកន្លែងហៅ file js ចូល ។

បន្ទាប់​លោកអ្នក​ចូល​ទៅកាន់ file index.html ដើម្បី​ហៅ​រូបភាព​ចូល៖

​លទ្ធផល​ដែល​ទទួលបានគឺ ៖

សម្គាល់ ៖

​នៅពេល​លោកអ្នក​ចង់ដូរ style slideshow លោកអ្នក​គ្រាន់តែ​ចូល​ទៅកាន់ http://jquery.malsup.com/cycle/ នោះ​វានឹង​បង្ហាញ​៖

 រួច copy កូដមកដាក់​ក្នុង file index.html ដូច​ខាងក្រោម​៖

នោះ​លោកអ្នក​អាច​ធ្វើការ​ផ្លាស់ប្តូរ style នៃ slideshow

♦♦♦  រៀបរៀងអត្ថបទដោយ ៖ កញ្ញា ស៊ា សុធា

♦♦♦ ​វគ្គ​សិក្សា JavaScript តម្លៃ ៧០ដុល្លា ចុចទីនេះ ដើម្បី​មើល Course Outline http://training.antkh.com/javascript.aspx

♦♦♦ សូម​ចូលរួម​ជាសមាជិក ANT Training Group  ដើម្បី​ទទួលបាន​ចំណេះដឹង​ប្រចាំ​ថ្ងៃ​ទាក់ទងនឹង​បច្ចេកវិទ្យា​

♦♦♦ ​សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/achievements/

SmileSmileSmile ​សម្រាប់​វគ្គ​បើកថ្មីៗ​ជា​រៀងរាល់​សប្តាហ៍សូមចូល​ទៅកាន់​ www.antkh.com

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

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