การ rotate รูป banner ในบล็อก

posted on 03 Nov 2007 18:13 by oatato in BlogDesign

เราสามารถเปลี่ยนรูป banner ในบล็อกให้วนไปเรื่อย ๆ แบบ slideshow ด้วยสคริปต์ข้างล่างนี้


หมายเหตุ:

  • ถ้าต้องการแปะโค้ดในตัวเอ็นทรี ต้องเปลี่ยนโหมดเป็น Disable WYSIWYG ก่อน
  • ถ้าจะให้เปลี่ยนไปตลอด ต้องบันทึกโค้ดลงในไฟล์แยกแล้วค่อยดึงมาใช้งานด้วยการ Add Link เข้ามา
  • ด้วยทางเลือกใหม่ของเอ็กทีน ที่เปิดโอกาสให้เราเอาโค้ดไปแปะได้ใน Theme > Widget > Custom Code

Comment

Comment:

Tweet

ขอบคุณคุณ oatato มากเลยนะคะ

ที่ขยายบล็อกให้กว้างขึ้นเป็นก็เพราะได้ความรู้จากที่นี่แหละค่ะ

พอมาเห็น rotate ภาพแปะหัวบล็อกแล้วก็อยากทำบ้างจัง

แต่ก็ไม่เข้าใจน่ะค่ะ

คือว่าเอาโค้ดไปแปะใน notepad แล้วอัพขึ้นเอ๊กทีนเป็นไฟล์ jpg เสร็จแล้วค่อยเรียกขึ้นมาใน css editor เหรอคะ

ช่วยแนะนำคนมีความรู้น้อยด้วยนะค้า
แจ่มครับ

#32 By หูใหญ่ on 2008-02-09 19:18

อ๋อ เข้าใจแล้วครับ question

#31 By Ripley on 2007-11-04 21:03

^
^
ไม่มีอะไรนี่ครับ ที่เราอัพโหลดไฟล์มาเก็บที่นี่
ก็ถือว่าเป็นการฝากไฟล์ไว้ที่ exteen แล้วไงครับ็

และเราสามารถเอา URL ของรูปที่เราอัพโหลดไปแปะ
ที่เว็บอื่น ๆ ได้ นี่ก็คือหลักการเดียวกันล่ะครับ double wink

#30 By oatato on 2007-11-04 19:40

รู้สึกว่าถ้าเกิน150k ก็อาจอัพโหลดไม่ได้แล้วล่ะครับ ผมลองดูแล้ววันนี้เอง เสียดายนะครับ ไม่งั้นคงมีลูกเล่นอะรมาแต่งหัวบล็อกได้มากกว่านี้ ส่วนวิธีที่คุณOatatoสอนในการทำrotateนี่ค่อนข้างซับซ้อนนะครับ ไม่ทราบว่าการฝากรูปกับเว็บมีวิธีการทำยังไงครับ เห็นบอกว่าที่exteenก็ทำได้ ช่วยบอกขั้นตอนหน่อยครับsad smile

#29 By Ripley on 2007-11-04 17:18

confused smile

#28 By (202.5.95.205) on 2007-11-04 16:51

ขอบคุณคับ

#27 By gorjai on 2007-11-04 14:31

^
^
แปลเป็นไทยว่าบล็อกจับฉ่ายครับ question

#26 By oatato on 2007-11-04 12:45

น่าทดลองเล่น สรุปแล้วบล็อกคุณโอ๊ตเป็นวาไรตี้บล็อก น่าสนใจมาก

#25 By หนึ่ง on 2007-11-04 12:43

โอ้เทคนิคนี้เคยเจอในมัลติพลาย
เอามาใช้ก่ะบลอคได้ด้วยรึนี่..อย่างงี้ save ค่ะ แฮะๆ
ขอบคุณสำหรับวิธีการดีๆ ...confused smile

#24 By หนูพุก on 2007-11-04 12:05

ตอบคุณ Ripley

ที่เกิด error ผมเดาว่าขนาดไฟล์คงจะใหญ่เกินไปครับ
(ไม่รู้เท่าไหร่ แต่ผมเดาว่าไม่น่าเกิน 200K ต่อรูป)

นั่นคือปัญหาของการใช้ไฟล์รูปประเภท GIF Animation
เพราะมันเป็นการซ้อนภาพทุกเฟรมเอาไว้ในไฟล์เดียวครับ
แถมความสามารถในการบีบอัดภาพของไฟล์ GIF ก็ไม่ค่อยดีนัก

ลำพังภาพ GIF ขนาดเท่า banner ผมว่าไฟล์ก็คงใหญ่
เกิน 100K เข้าไปแล้ว
ในกรณีนี้ยังมีหลายภาพเข้าไปด้วย ผมว่าขนาดไฟล์เกินลิมิตแน่นอน

ฟันธง ฉับ ๆ

#23 By oatato on 2007-11-04 10:43

รูปแบนเนอร์นี่คือรูปที่ใส่บนหัวบล็อกใช่ไหมครับ แล้วถ้าเกิดจะใส่รูปตรงนี้เป็นไฟล์GIFแบบที่กระพริบเปลี่ยนรูปได้เองโดยอัตโนมัติ มันจะเป็นไปได้ไหมครับ ผมพยายามจะอัพโหลดรูปไฟล์GIFลงในบล็อกเพื่อจะurlมาเปลี่ยนแทนไฟล์เดิมที่เป็นJPEGในCSS แต่ปรากฏว่าการอัพโหลดไฟล์GIFที่ทำในหน้าnew entryมันerrorตลอดครับembarrassed

#22 By Ripley on 2007-11-04 10:23

เก็บความรู้ไว้เช่นกัน ไว้จะลองทำมั่งค่ะ

ชอบอยู่แล้วแหละอะไรแปลก ๆ เนี่ย

ขอบคุณสำหรับความรู้ดี ๆ ค่ะ

ปล.บลอคสบายตาค่ะbig smile
ดีจังเลยคะ ได้ความรู้เพิ่มาอีก 1 อย่าง
เด่วลองทำดูมัง ..อิอิ

#20 By ยูกิจัง on 2007-11-04 09:31

ขอเก็บความรู้ไว้ก่อน แต่ยังไม่มีไอเดียในการทำครับ

#19 By I [is am are] ก๋อง on 2007-11-04 08:17

โอ้พระเจ้ายอดมันจอร์จมากอีกแล้วหล่ะครับ.. แต่ปอนก็ยังคงไม่มีปัญญาอีกเช่นเดิม เดี๋ยวถ้ามีโอกาสเมื่อไหร่ได้ลองกันแน่ๆ ครับconfused smile

#18 By ปอนปอน on 2007-11-04 01:36

ขอบคุณค่ะที่ช่วยเผยแพร่ความรู้

#17 By Meowzilla Zilla on 2007-11-03 22:00

ว้าว

เคยสงสัยอยู่ว่าเปลี่ยนกันยังไง

ขอบคุณมาก ๆ นะคะconfused smile

แต่ต้องไปนั้นแต่งรูปให้มันบาลานซ์กันนี่ซิ ขี้เกียจแฮะsad smile

#16 By sora no hime★空のひめ on 2007-11-03 21:37

โอ้ววว เจ๋งมากค่ะ cry

#15 By เจนเนสซ่า on 2007-11-03 21:11

ตอบคุณ q

คงยังเป็นไปไม่ได้ครับ
เพราะ้ยังไม่สามารถใช้ Flash ไปทดแทนในตำแหน่งไฟล์รูปได้ครับ surprised smile

#14 By oatato on 2007-11-03 20:50

โอ้คำแนะนำดีๆ แต่ไอ้จะทำตามก็คงไม่ได้

เพราะหัวไม่ไป กลัวบล็อกเจ้งค่ะsad smile

#11 By 優月 on 2007-11-03 20:47

ยอดเลยครับ น่าสนใจดี น่าจะทำให้เฟดได้นะ...จริงๆน่าลองทำ header เป็น flash ไม่รู้ว่าทำได้รึเปล่า ?

#10 By q on 2007-11-03 20:31

โอ้ว ขอบคุณมากๆเลยค๊า

#9 By Luscinia on 2007-11-03 20:19

แปลกดีครับ

#8 By โก๋สิจ๊ะ on 2007-11-03 20:10

exteen นี่ทำอะไรได้เยอะจริง ๆ นะครับ

#7 By เจ้าชายน้อย on 2007-11-03 19:53

ส่วนไฟล์สคริปต์ก็สามารถฝากไว้ใน exteen ได้เหมือนกันครับ
แต่ต้องตุกติกนิดหน่อย ด้วยการเปลี่ยนนามสกุลเป็น gif หรือ jpg
ทีนี้ก็สามารถอัพโหลดเข้ามาได้แล้วครับ question

#6 By oatato on 2007-11-03 19:43

แหะๆๆ ก็เขียนโค้ดไม่เป็น ก็ไม่รู้ว่าถูกคืออะไร มันก็ต้องถามซิ sad smile

#5 By ตุ้มเป๊ะ on 2007-11-03 19:42

ฝากรูปไว้ใน exteen สิครับ double wink

#2 By oatato on 2007-11-03 19:37

อยากทำจังเลย แต่ยังไม่มีเว็ปฝากรูปกะเค้าเลยคะ พอจะแนะนำให้ได้มั๊ยคะ
ขอบคุงค่ะ (ขอบคุณไว้ก่อน)

#1 By grammarman on 2007-11-03 19:34

Recommend