វិធីងាយៗក្នុងការបង្កើត 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>
Post a Comment