วันอาทิตย์, กุมภาพันธ์ 16, 2557

ทดลองเขียน Java Script สำหรับเปลี่ยน Background ตาม Flickr Interesting List

หลังจากไม่ได้ทำ Project ของตัวเองมานานมาก วันนี้ขอเริ่มนิดๆ หน่อยๆ ก่อนจะจัดโครงการใหญ่ โดยหยิบโจทย์ว่า "ไม่อยากให้หน้า Login มันน่าเบื่อ" ขึ้นมา จากนั้นก็วางแผนแก้ปัญหาโดยจะหาภาพสวยๆ จาก Flickr แล้วก็ไปพบว่า การหาภาพที่น่าสนใจบน Flickr แบบสุม แล้วจะออกมาสวยมันยากมาก

โชคดีที่ Flickr มันทำ Interesting List รายวัน ไว้ให้ http://www.flickr.com/explore/interesting/

จากนั้นก็หาทางอ่าน feed ออกมา แต่มันดันไม่ทำเป็น feed แต่ต้องใช้ API ในการเรียก เลยต้องมาอ่าน API ของ Flickr อีกหน่อย โชคดีอันที่สองคือมันมีคำสั่งสำหรับอ่าน interesting list มาให้เลย แต่โชคร้ายที่มัน return เป็น xml ไม่ใช่ json

แต่ด้วยความบังเอิญเราดันไปขอ json จากฟังก์ชั่นนั้น แล้วมันดันมีส่งกลับมา >_< ก็ดีใจไป แต่ก็เจ็บใจที่โดนหลอก ไปตามหา xml lib บน Java Script อยู่ตั้งนาน

ขั้นตอนต่อมาก็ไปหาท่าสำหรับแสดง background บนเว็บ แบบ Responsive เพราะเราไม่รู้ว่าหน้าจอผู้ใช้ใหญ่แค่ไหน

จบบน jsfiddle

ตอนแรกกะจะใช้ image-background ใน <body> แต่กลายเป็นว่าควบคุมได้ยาก สุดท้ายเลยกลายเป็น <image> แทน

ถ้าสนใจ code ลองดูที่ http://jsfiddle.net/apirak/u4dbb/2/ ครับ