แจกสคริปสำหรับทำภาพ slide แบบง่ายๆ

max25265zaq

สืบเนืองจาก

http://www.discuzthai.com/thread-17682-1-1.html

เพราะลิงค์โหลดพัง -*-

ตัวอย่าง

1. http://www.mahinclub.com/adsSlide/3/index.html

คัดลอกไปที่คลิปบอร์ด

วิธีเปลี่ยนรูป:

เปิดไฟล์ adsSlide/index.htm

- แก้ไขรูปที่ 1
หาโค้ด

1. p_w_picpath/1.jpg

คัดลอกไปที่คลิปบอร์ด

- แก้ไขรูปที่ 2
หาโค้ด

1. p_w_picpath/2.jpg

คัดลอกไปที่คลิปบอร์ด

- แก้ไขรูปที่ 3
หาโค้ด

1. p_w_picpath/3.jpg

คัดลอกไปที่คลิปบอร์ด

และต่อๆไปเรื่อยๆ

แก้เป็น ที่อยู่ของรูปภาพ

วิธีแก้ไขลิ้งค์

เปิดไฟล์ 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/"

คัดลอกไปที่คลิปบอร์ด

และต่อๆไปเรื่อยๆ แก้ http://www.mahinclub.com  เป็น ลิ้งค์ที่ต้องการ

วิธีเพิ่มรูป

เปิดไฟล์ adsSlide/index.htm

หาโค้ด

1.    1. <LI><!-- link3 --><A href="http://www.mahinclub.com/"
   
2.    2.         target=_blank ><IMG src="p_w_picpath/3.jpg" border=0></A> </LI>

คัดลอกไปที่คลิปบอร์ด

เพิ่มโค้ดนี้ด้านล่าง

1.    1. <LI><A href="url ใหม่"
   
2.    2.         target=_blank ><IMG src="ที่อยู่รูปใหม่" border=0></A> </LI>

คัดลอกไปที่คลิปบอร์ด

หาโค้ด

1. <LI class="">3</LI>

คัดลอกไปที่คลิปบอร์ด

เพิ่มโค้ดนี้ด้านล่าง

1. <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 [Forum Home]  จากนั้นกด ตกลง  (ตามรูป)




เสร็จแล้ว



- แก้ไขในไฟล์ 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. ที่ อยู่ของรูปภาพ

ต่อ + โหลดไฟล์ ข้างล่าง

max25265zaq

วิธีแก้ไขลิ้งค์

เปิดไฟล์ 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 / ...... ไปเรื่อยๆ )

แนะนำไม่ให้ เพิ่มจำนวนรูปเพราะตัวเลขมันจะเกินรูปภาพ



แต่มีวิธีแก้

เข้าไปที่ adsSlide/style_slide.css

1. #MainPromotionBanner .SlideTriggers {
   
2. LEFT: 748px;
   
3. PADDING-BOTTOM: 0px;
   
4. PADDING-TOP: 0px;
   
5. LIST-STYLE-TYPE: none;
   
6. TOP: 120px;
   
7. HEIGHT: 25px;
   
8. WIDTH: 150px;
   
9. }

คัดลอกไปที่คลิปบอร์ด

อยู่ประมาณบรรทัดที่ 41-49

ถ้าเพิ่มเป็น 4 รูป ให้แก้ตรงบรรทัด

1. LEFT: 748px;

คัดลอกไปที่คลิปบอร์ด

เป็น

1. LEFT: 728px;

คัดลอกไปที่คลิปบอร์ด

ถ้าเพิ่มเป็น 5 รูป ให้แก้ตรงบรรทัด

1. LEFT: 748px;

คัดลอกไปที่คลิปบอร์ด

เป็น

1. LEFT: 708px;

คัดลอกไปที่คลิปบอร์ด

ปล. รูปขนาด 640x480 pixels เท่านั้น

ขั้นตอนสุดท้าย

สร้างโฆษณามาแล้วใส่โค้ด

1. <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 รูป

makamspz

ผมคนแรกหรือเท่าไหลนิครับ เยอะๆๆๆๆๆๆๆจัง

Sparkman

ขอบคุงคับ ^^ +1

buachompoox

ยาวจัง {:22_870:}

peasatun

ขอบคุณครับ

thaimark

นี่ง่ายแล้วเรอะ - -*

youthai

ทำยังไงอ่า

castnova

หานานละ กว่าจะเจอ