Script Banner เปลี่ยนรูปภาพ พร้อมตัวเลขด้านล่าง

SCRIPT BANNER XML

เป็น Script Banner ที่แสดงภาพต่างๆเป็นเวลาโดยเราสามารถกำหนดเวลาของการแสดงผลแต่ละรูปได้ และก็จะมีการเปลี่ยนภาพไปเรื่อยๆ โดยเรากำหนดได้ว่าจะให้แสดงกี่ภาพ โดย ดูตัวอย่างของ Script นี้ได้ที่นี่ครับ XML Script Bannerเอาไว้ตกแต่งเว็บไซต์ หรือจะเอาไว้ทำแบนเนอร์ ก็ได้ครับทำให้เว็บไซต์ไม่นิ่ง ก็เป็นอีกลูกเล่นหนึ่งที่ทำให้เว็บไซต์ดูดีได้เหมือนกัน ส่วนวิธีทำการใช้งานของ Script นี้ก็มาอ่านกันต่อได้เลยครับอย่างแรกไปดาวน์โหลด Script นี้มาก่อนเลยครับ(DOWNLOAD XML BANNER)โดยในไฟล์ที่ให้ Download นี้ จะเป็นไฟล์ที่เหมือนตัวอย่างเลยครับ เอาไปประยุกต์ใช้กันเอานะครับ เดี๋ยวผมขอ อธิบายการใช้งาน Script ข้างต้นนี้นะครับ อ่อ เวลานำไปใช้งานก็เอาไฟล์ไปใช้ให้หมดนะครับไม่งั้น Script จะไม่ทำงานครับ

1 Download File ไปก่อนนะครับ smart-banner เป็นไฟล์ XML นะครับ
พอเปิดมาก็จะเป็น

1 2 3 4 5 6 7 8

< ?xml version="1.0" encoding="utf-8"?> <banners> <banner> <source>banner1.jpg</source> <link>http://www.sadung.com</link> <timedelay>4</timedelay> </banner> </banners>

โดยบรรทัดนี้จะเป็นตัวกำหนดรูปที่ใช้แสดง

1	<source>banner1.jpg</source>

โดยบรรทัดนี้จะเป็นตัวกำหนด LINK ที่ต้องการลิงค์จากรูปนั้นๆ

1	<link>http://www.sadung.com</link>

โดยบรรทัดนี้จะเป็นตัวกำหนด เวลาที่แสดงของรูปนั้นๆ

1	<timedelay>4</timedelay>

หากต้องการรูปที่สลับบนแบนเนอร์กี่รูปก็เพิ่มชุดคำสั่งนี้ลงไปเรื่อยๆและก็เปลี่ยนรูปเปลี่ยนลิงค์ตามต้องการครับ

1 2 3 4 5

<banner> <source>banner1.jpg</source> <link>http://www.sadung.com</link> <timedelay>4</timedelay> </banner>

2 นำรูปที่ต้องการแสดงไปไว้ใน Root เดียวกัน หรือ ไม่อย่างนั้นก็ไปกำหนดตรง banner1.jpg เอาครับ
เช่น รูปอยู่ใน Folder img ชื่อรูป banner1.jpg ก็เขียนไปแบบนี้ครับ

1	<source>img/banner1.jpg</source>

3 การนำไปใช้ สร้างไฟล์ใหม่เป็น HTML หรือ จะ PHP ก็ตามครับ
ในตรงแท็ก HEAD ให้นำไฟล์นี้ไปวางตรงแท็ก HEAD

1	<script type="text/javascript" src="swfobject.js"></script>

แล้วจะนำแบนเนอร์นี้ไปวางตรงไหนก็นำโค๊ดนี้ไปวางตรงนั้นเลยครับ

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<div id="smart-banner">   This appears if user doesn't have JavaScript enabled, or doesn't have the required Flash Player version.   </div>   <script type="text/javascript">   var so = new SWFObject("smart-banner.swf", "myMovie", "590", "300", "10", "#000000"); so.addVariable("XMLpath", "smart-banner.xml"); //so.addParam("wmode", "opaque"); so.write("smart-banner");   </script>

แค่นี้เราก็จะได้ ลูกเล่นไปแต่งเว็บไซต์แล้วครับ