แจกสคริปสำหรับทำภาพ slide แบบง่ายๆ
สืบเนืองจาก http://www.discuzthai.com/thread-17682-1-1.htmlเพราะลิงค์โหลดพัง -*-
ตัวอย่างhttp://www.mahinclub.com/adsSlide/3/index.htmlวิธีเปลี่ยนรูป:
เปิดไฟล์ adsSlide/index.htm
- แก้ไขรูปที่ 1
หาโค้ดp_w_picpath/1.jpg- แก้ไขรูปที่ 2
หาโค้ดp_w_picpath/2.jpg- แก้ไขรูปที่ 3
หาโค้ดp_w_picpath/3.jpgและต่อๆไปเรื่อยๆ
แก้เป็น ที่อยู่ของรูปภาพ
วิธีแก้ไขลิ้งค์
เปิดไฟล์ adsSlide/index.htm
- แก้ไขลิ้งค์รูปที่ 1
หาโค้ด<!-- link1 --><A href="http://www.mahinclub.com/"- แก้ไขลิ้งค์รูปที่ 2
หาโค้ด<!-- link2 --><A href="http://www.mahinclub.com/"- แก้ไขลิ้งค์รูปที่ 3
หาโค้ด<!-- link3 --><A href="http://www.mahinclub.com/" และต่อๆไปเรื่อยๆ แก้ http://www.mahinclub.comเป็น ลิ้งค์ที่ต้องการ
วิธีเพิ่มรูป
เปิดไฟล์ adsSlide/index.htm
หาโค้ด 1. <LI><!-- link3 --><A href="http://www.mahinclub.com/"
2. target=_blank ><IMG src="p_w_picpath/3.jpg" border=0></A> </LI>เพิ่มโค้ดนี้ด้านล่าง 1. <LI><A href="url ใหม่"
2. target=_blank ><IMG src="ที่อยู่รูปใหม่" border=0></A> </LI>หาโค้ด<LI class="">3</LI>เพิ่มโค้ดนี้ด้านล่าง<LI class="">4</LI>ลิงก์โพสนี้โพสเมื่อ: 03-11
ลำดับปกติ ┊เฉพาะโพสแรก ┊เล็ก กลาง ใหญ่
ประเภทสนทนา
ระบบประกาศ/โฆษณาแบบไสลด์ ที่เว็บเกมเขาใช้โปรโมทโปรโมชั่น
กรุณาอ่าน ให้จบด้วยนะครับ อาจจะ งง นิดนึง ^^ ขออภัยที่โพสที่นี่เนื่องจากโพสที่หมวดปลั๊กอิน โมดูล ไม่ได้ (ไม่มีสิทธิ์ เหอะๆ)
ตัว นี้มันเป็นระบบสไลด์ที่พัฒนาโดย Javascript อ่ะครับ ที่เว็บเกมส่วนใหญ่เขาใช้โปรโมทโปรโมชั่น ผมเลยลองเอาโค้ดมาปรับๆ ดูให้พี่น้องได้ใช้กัน
ดูตัวอย่างโฆษณาแบบไสลด์นี้ที่ :
แบบ 3 รูป http://www.mahinclub.com/adsSlide/3/index.html
แบบ 4 รูป http://www.mahinclub.com/adsSlide/4/index.html
แบบ 5 รูป http://www.mahinclub.com/adsSlide/5/index.html
ดูตัวอย่าง การใช้งานจริงๆ ได้ที่ http://forums.mahinclub.com
วิธีนำโฆษณาแบบไสลด์นี้ไปแสดงใน PHPWind :
- ใช้ระบบโฆษณาของ PHPWind
เข้าหน้า admin
แล้วไปที่ จัดการ > จัดการโฆษณา
แล้วเลือก เพิ่มโฆษณา
เลือก รูปแบบของโฆษณาเป็นแบบ โค้ด
ให้ copy code นี้ไปวาง
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <center><iframe src="adsSlide/index.htm" frameborder="0" width="820" height="150" scrolling="no"></iframe></center>
แนะนำให้เลือกตำแหน่งโฆษณาที่วาง เป็น TextIndex จากนั้นกด ตกลง(ตามรูป)
เสร็จแล้ว
- แก้ไขในไฟล์ index.htm ของ Template ที่ใช้
โดยเข้าไปที่ ..../template/<สกินที่ใช้ ปกติเป็น wind>/index.htm
นำโค้ดนี้ไปวางในตำแหน่งที่เหมาะสม
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <center><iframe src="adsSlide/index.htm" frameborder="0" width="820" height="150" scrolling="no"></iframe></center>
**** คุณต้องมีความรู้ด้าน html อยู่บ้าง ****
วิธีแก้ไขรูป:
เปิดไฟล์ adsSlide/index.htm
- แก้ไขรูปที่ 1
หาโค้ด
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. p_w_picpath/1.jpg
- แก้ไขรูปที่ 2
หาโค้ด
คัด ลอกโค้ด (สำหรับ IE เท่านั้น)
1. p_w_picpath/2.jpg
- แก้ไขรูปที่ 3
หาโค้ด
คัด ลอกโค้ด (สำหรับ IE เท่านั้น)
1. p_w_picpath/3.jpg
( - แก้ไขรูปที่ 4
หาโค้ด
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. p_w_picpath/4.jpg
- แก้ไขรูปที่ 5
หาโค้ด
คัด ลอกโค้ด (สำหรับ IE เท่านั้น)
1. p_w_picpath/5.jpg
)
แก้เป็น
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. ที่ อยู่ของรูปภาพ
ต่อ + โหลดไฟล์ ข้างล่าง วิธีแก้ไขลิ้งค์
เปิดไฟล์ adsSlide/index.htm
- แก้ไขลิ้งค์รูปที่ 1
หา โค้ด
1. <!-- link1 --><A href="http://www.mahinclub.com/"
- แก้ไขลิ้งค์รูปที่ 2
หาโค้ด
1. <!-- link2 --><A href="http://www.mahinclub.com/"
- แก้ไขลิ้งค์รูปที่ 3
หาโค้ด
1. <!-- link3 --><A href="http://www.mahinclub.com/"
( - แก้ไขลิ้งค์รูปที่ 4
หาโค้ด
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <!-- link5 --><A href="http://www.mahinclub.com/"
- แก้ไขลิ้งค์รูปที่ 5
หาโค้ด
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <!-- link5 --><A href="http://www.mahinclub.com/"
)
แก้ http://www.mahinclub.com เป็น ลิ้งค์ที่ต้องการ
วิธีเพิ่มรูป
เปิดไฟล์ adsSlide/index.htm
หา โค้ด
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <LI><!-- link3 --><A href="http://www.mahinclub.com/"
2. target=_blank ><IMG src="p_w_picpath/3.jpg" border=0></A> </LI>
เพิ่มโค้ดนี้ด้านล่าง
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <LI><A href="url ใหม่"
2. target=_blank ><IMG src="ที่อยู่รูปใหม่" border=0></A> </LI>
หาโค้ด
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <LI class="">3</LI>
เพิ่ม โค้ดนี้ด้านล่าง
คัดลอกโค้ด (สำหรับ IE เท่านั้น)
1. <LI class="">4</LI>
(ถ้า เพิ่มอีกก็เปลี่ยน 4 เป็น 5 / 6 / ...... ไปเรื่อยๆ )
แนะนำไม่ให้ เพิ่มจำนวนรูปเพราะตัวเลขมันจะเกินรูปภาพ
http://www.pwblog.net/i7-attach/Mon_1003/27_2624_afd82f99a796e1c.jpg
แต่มีวิธีแก้
เข้าไปที่ adsSlide/style_slide.css#MainPromotionBanner .SlideTriggers {
LEFT: 748px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
TOP: 120px;
HEIGHT: 25px;
WIDTH: 150px;
}อยู่ประมาณบรรทัดที่ 41-49
ถ้าเพิ่มเป็น 4 รูป ให้แก้ตรงบรรทัดLEFT: 748px;เป็นLEFT: 728px;ถ้าเพิ่มเป็น 5 รูป ให้แก้ตรงบรรทัดLEFT: 748px;เป็นLEFT: 708px;ปล. รูปขนาด 640x480 pixels เท่านั้น
ขั้นตอนสุดท้าย
สร้างโฆษณามาแล้วใส่โค้ด<center><iframe src="adsSlide/index.htm" frameborder="0" width="820" height="150" scrolling="no"></iframe></center> ใน adsSlide/index.htm เปลี่ยนตามลิงค์เป็นลิงค์ของรูป เช่น http://www.mahinclub.com/adsSlide/5/index.html ตามที่เราต้องการ
สไลน์สำหรับรูป 3 รูป
สไลน์สำหรับรูป 4 รูป
สไลน์สำหรับรูป 5 รูป
ผมคนแรกหรือเท่าไหลนิครับ เยอะๆๆๆๆๆๆๆจัง ขอบคุงคับ ^^ +1 ยาวจัง {:22_870:} ขอบคุณครับ นี่ง่ายแล้วเรอะ - -* ทำยังไงอ่า หานานละ กว่าจะเจอ sm913dz
หน้า:
[1]
2