បង្កើត slideshow ជាមួយនឹង jQuery Cycle Plugin
jQuery Cycle Plugin ជាគេហទំព័រមួយដែលផ្ទុកទៅដោយប្រភេទនៃ Style slideshow ជាច្រើនដែលអាចឲ្យលោកអ្នកធ្វើការជ្រើសរើស style បានតាមតម្រូវការ ។ លើសពីនេះទៅទៀតលោកអ្នកក៏អាច Download jQuery Cycle Plugin មកប្រើបានថែមទៀតផង ។ ដោយមើលឃើញពីសារប្រយោជន៍និង ដើម្បីបំពេញតម្រូវការទៅដល់អ្នកប្រើប្រាស់បែបនេះហើយទើបទស្សនាវដ្ដី អាន យើងខ្ញុំធ្វើការបង្ហាញពីរបៀបទាញយក និង បង្កើត slideshow ជាមួយនឹង style ដែលមានស្រាប់ ។
ដំបូងលោកអ្នកគ្រាន់តែចូលទៅកាន់ URLដូចខាងក្រោម ៖
នោះវានឹងបង្ហាញ៖
រួចលោកអ្នកធ្វើការជ្រើសរើស 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 ។
No comments:
Post a Comment