អាយធីខ្មែរស៊ែរ : itkhmershare.blogspot.com

វិធីងាយៗក្នុងការបង្កើត Image Slideshow សម្រាប់វ៉ិបសាយ

Wednesday, December 19, 20120 comments



ក្នុងការបង្កើតវ៉ិបសាយលោកអ្នកតែងតែត្រូវការ Slideshow ជារូបភាពហើយមែនទេ? ពេលនេះវាកាន់តែងាយស្រួលហើយ សូមមើលការណែនាំខាងក្រោម
 
កូដ
<html>
<head> Image Slideshow </head>
<body>
 
<script type="text/javascript"
src="http://www.2createawebsites.com/resources/howtocreateawebsitefadeslide.js "></script>
 
<script type="text/javascript">
var mygallery=new fadeSlideShow({  
 wrapperid: "fadeshow2",
 dimensions: [600, 400], //ជាការកំណត់ទំហំរួបភាព
      imagearray:  [    
 
["http://images4.fanpop.com/image/photos/17100000/yoona-im-yoona-17193476-500-313.jpg"],
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBenM7JlDGVuoNA6MZc2uqgdz14RWz9YNONiIGFwp5a2e11QB1rYmxMXD-9dAvXTIc8sunyI884NQ6jQtvJ2NtAj1l7qKt5HQAsvde4ohylXLDQBVcWiE7T5dqoUBnE4GzH1ErUwkcIG0/s1600/YOONA+Wallpaper-12.jpg"],
["http://www.asianpopcorn.com/Themes/Images_other/201022611384.jpg"],
["http://snsdcentral.net/wp-content/uploads/2010/04/yoona.jpg"],
["http://snsdcentral.net/wp-content/uploads/2010/05/20100510_snsd_vote_5.jpg"],
 
//ជាទីតាំងរបស់រូបភាព
      ],
      displaymode: {type:'auto', pause:1000, cycles:0,
wraparound:false},  
  persist: false,
  fadeduration: 2000,
  descreveal: "ondemand",
  togglerid: ""
  })
</script>
<div id="fadeshow2"></div>
 
</body>
</html>
Share this article :

Post a Comment