Make your own free website on Tripod.com
Click here to visit our sponsor
Free Advertising from Click2Net!

บทเรียนที่ 3 Banner Rotator



หลังจากได้เรียนเรื่อง Content Rotator ซึ่งเป็นการแสดงข้อความไปแล้ว
ในบทเรียนนี้เรามาเปลี่ยนเป็นแสดงรูปภาพบ้าง

หลักการทำงาน
เมื่อผู้เรียกใช้ไฟล์ผ่านบราวเซอร์ โดยไฟล์นั้นได้มี script ของ Banner Rotator ติดอยู่
จะทำให้ ASP ไปอ่านรายการรูปภาพและลิ้งค์ต่างๆที่เราได้กำหนดไว้ก่อนแล้ว สุ่มนำขึ้นมาแสดง
ตามความถี่เป็นเปอร์เซ็นต์ ที่บราวเซอร์ของผู้เรียกใช้ไฟล์นั้นได้ชมครั้งละ 1 รูปภาพ ซึ่งรูปภาพนี้
สามารถกำหนดให้ลิ้งค์ไปที่เว็บไซต์ที่ต้องการได้ เพราะฉะนั้นเมื่อผู้เรียกรายใดคลิ้กที่รูปภาพจะนำ
เขาไปยังอีกเว็บไซต์หรือไฟล์ที่กำหนดไว้ได้ ประโยชน์หลักๆของ Banner rotator ใช้สำหรับ
งานการโฆษณาเป็นส่วนใหญ่โดยจะนำ banner ต่างๆมาแสดงวนไปเรื่อยๆ

ส่วนประกอบและขั้นตอน
1. สร้างไฟล์เก็บรายการรูปภาพและลิ้งค์ต่างๆ
ให้คุณ copy ข้อความต่อไปนี้แล้ว นำไป paste ลง notepad จากนั้น save ไฟล์ไว้ใน folder
asp ตั้งชื่อว่า adlist.txt (width 410 และ height 60 คือความยาว-กว้างของรูปภาพ ส่วน border คือ
ต้องการให้มีขอบสีลิ้งค์หรือไม่ ถ้าต้องการให้ใส่ 1 แทน 0 จะเห็นว่ามีตัวเลข 30 30 40 อยู่ใต้สุดของ
รูปแต่ละรูปซึ่งก็คือเปอร์เซ็นต์กำหนดให้นำภาพขึ้นมาแสดง ถ้าค่ามากความถี่การแสดงก็จะมาก)

redirect /asp/gotoad.asp
width 410
height 60
border 0
*

/hello.gif
http://127.0.0.1/asp/hello.asp
Click here to go to Hello World - คำอธิบายใช้ภาษาไทยก็ได้
30

/content.gif
http://127.0.0.1/asp/showme.asp
Click here to go to Content Rotator
30

/home.gif
http://127.0.0.1/
Click here to go to HOME
40



2. ไฟล์ที่ทำหน้าที่นำผู้คลิ้กรูปภาพหรือแบนเนอร์ไปยังลิ้งค์ที่กำหนด
ให้คุณ copy code ต่อไปนี้แล้ว นำไป paste ลง notepad จากนั้น save ไฟล์ไว้ใน folder
asp ตั้งชื่อว่า gotoad.asp
<% response.redirect (request.QueryString("url")) %>


3. สร้างไฟล์แสดงรูปภาพและลิ้งค์
ให้คุณ copy code ต่อไปนี้แล้ว นำไป paste ลง notepad จากนั้น save ไฟล์ไว้ใน folder
asp ตั้งชื่อว่า showbanner.asp

<html>
<body>

<!-- เริ่มแทรก Banner Content Rotator-->
<center>
<% Set Ad = Server.CreateObject("MSWC.Adrotator") %><%= Ad.GetAdvertisement("/asp/adlist.txt") %>
</center>

</body>
</html>



4. สร้างไฟล์รูปภาพ
ให้ท่านสร้างไฟล์ .gif 3 ไฟล์ โดยมีขนาด 410x60 pixel ตั้งชื่อไฟล์ดังนี้คือ
hello.gif, content.gif, home.gif และเก็บไฟล์เหล่านี้ไว้ใน root
ของ server หรือถ้าท่านต้องการง่ายๆให้ copy ไฟล์ .gif ใดๆที่ท่านมีอยู่ให้เป็น
3 ไฟล์แล้วเปลี่ยนชื่อ จะทำให้ได้ไฟล์สำหรับทดลองเร็วขึ้น


5. การเรียกใช้งาน
เรียกไฟล์ showbanner.asp ในบราวเซอร์โดยพิมพ์ http://127.0.0.1/asp/showbanner.asp
และ reload หรือ Refresh ไปเรื่อยๆ ดูผลที่ได้ จะลองคลิ้กดูก็ได้ครับ