วันนี้เขียนเว็บแล้วอยากได้ JQuery Slider สวย ๆ สำหรับหน้าเปิด ค้นไปค้นมาเจอ Nivo Slider ซึ่งแจกฟรี แถมดูโด่งดังดี น่าจะมีการอัพเดทสม่ำเสมอ รวมถึงหน้าตาเรียบ  ๆ เหมาะแก่การเอาไปใช้ลงในเว็บ พอทำการใส่ตามหน้า Tutorial แล้วรันบน Chrome และ Firefox ก็ออกมาสวยงามดี แต่มีปัญหาว่าตัว Slider ไม่ขึ้นใน IE แก้จนหน้ามืดกว่าจะได้ เลยขอสรุปวิธีแก้ไว้แถว ๆ นี้ เผื่อวันหลังจะแก้ จะได้ค้นเจอ (Geek Alert!)

1. ไปที่ nivo-slider.css แก้คลาส .nivoSlider a.nivo-imageLink ตรงค่า display:none เป็น display:block (อันนี้ใน FAQ ของเว็บก็มีแก้บอกไม่ค่อยละเอียด หากันแทบแย่)
2. ไปที่ตรงคำสั่ง Javascript ที่เรียกใช้งาน nivo slider ใน html นั้น ถ้ามีสั่ง pauseTime ไว้ให้ย้ายลงมาล่างสุด และตัว Comma ด้านหลังตัวเลขออก เช่น จากเดิม pauseTime : 4500,  ก็ย้ายลงมาเป็นคำสั่งสุดท้ายก่อนปิด Function แล้วก็ตัด , ทิ้ง กลายเป็น pauseTime : 4500 เฉย ๆ
3. ตอนนี้น่าจะขึ้นแล้ว แต่จุดที่ระบุหน้า Slide อาจจะไม่ขึ้นให้ไปที่ .nivo-controlNav a  แล้วเพิ่ม
   text-indent: 0;
   font-size: 0;
   line-height: 0;
   สามบรรทัดนี้เข้าไป

เท่านี้ก็จะหายแล้ว

ปล. ตอนนี้เขียนเสร็จแล้ว ฝาก www.sabaideevalley.com ไว้ในอ้อมอกอ้อมใจด้วยครับ 🙂