​លម្អិត​ការ​ប្រើ​ប្រាស់​រូបភាព​ជាមួយ CSS

​នៅពេល​នេះ យើងនឹងលើកយក​នូវ​ការ​ប្រើ​ប្រាស់ ផ្នែក​មួយ​យ៉ាង​ល្អនៃការធ្វើ​ឲ្យ Image មានភាពរស់រវើក​នៅលើ webpage របស់​លោកអ្នក​តាមរយៈ​កូដ CSS ។

រូបនេះជារូបតែមួយ ដែល​នៅ​ក្នុង​នោះមានរូប​ច្រើន​បញ្ចូល​គ្នា​យើងធ្វើបែបនេះ ដើម្បី​ងាយស្រួល​ដល់ការ Load យក​រូបភាព​ពី Server មកតែម្តង​មានន័យថា យើងមិនចាំបាច់ទាញមកទាំង៦រូបនោះទេ វាជួយយើង​ក្នុង​ការ Request ទៅកាន់ Server ពី ៦ ដងនៅសល់តែម្តង… ។

របៀបធ្វើ

កូដរបស់ CSS

<style type="text/css">

យើង​បង្កើត ID មួយ​ឈ្មោះ navlist ដែល​មាន tag li នៅ​ក្នុង​នោះទៀតទើបកូដ CSS ដំណើរ​ការ មានន័យថា យើងត្រូវហៅ tag មួយ​ដែល​មាន id=navlist បន្ទាប់មក​ខាង​ក្នុង​មាន tag li ទៀត ។

ឧទាហរណ៍៖ នៅ​ក្នុង CSS យើង​សរសេរ #navlist li នៅពេល​ដែល​យើងហៅត្រូវ​សរសេរ​

​បង្កើត link សម្រាប់ mouse ដំណើរ​ការពេល Mouse Over

​បង្កើត id prev សម្រាប់ link prev ដែល​ជា Image

*** អត្ថបទនេះដកស្រង់ចេញពី​ទស្សនាវដ្ដី អាន "ANT" ច្បាប់​ទី ២៧ ចេញផ្សាយខែ មិថុនា ឆ្នាំ ២០១១