ក្នុងការបង្កើតវេបសាយលោកអ្នកតែងតែត្រូវការ Slideshow ជារូបភាពហើយមែនទេ? ពេលនេះវាកាន់តែងាយស្រួលហើយ សូមមើលការណែនាំខាងក្រោមកូដ :
<html>
<head> Image Slideshow </head>
<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/AVvXsEjcdnyr8SGSi0EkFyMemoX70J8GkeNtMFuQdmHRRUPb3LMasglODQhyC_12GrN3M0OTxTNNe199WQMlh5-fc_zYA9FoJKJtB_0mAwYUYHVJlCdZxO8k90WsySKUNHuhhTJ9OYwkdfDxja4/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>
No comments:
Post a Comment