แก้ไขปัญหาการแสดงภาพ panorama หรือภาพขนาดใหญ่ด้วย viewports
ใครที่ทำเว็บเกี่ยวกับสถานที่ท่องเที่ยวคงจะเคยประสบปัญหาว่าจะนำภาพที่ทำเป็น panorama มาลงเว็บไซต์ด้วยวิธีไหนดี หลายคนบอกอาจจะใช้วิธีการย่อโดยการปรับ width height ที่ tag img หลายคนก็บอกว่าใช้ css ในการจัด เป็นต้น วันนี้ผมมีวิธีที่ดีกว่านี้มากฝากกัน หลาย ๆ คนคงจะเคยใช้โปรแกรม image viewer ต่าง ๆ ซึ่งบนเว็บก็สามารถที่จะทำได้เช่นกัน และซัพพอร์ตในหลาย ๆ แพลตฟอร์มอีกด้วย
source code ที่นำมาแนะนำในวันนี้เป็น javascript ล้วนที่สามารถแสดง viewport ของภาพขนาดใหญ่โดยที่มี feature หลากหลายในการแสดง เช่น การซูม การเลื่อนดูภาพจาก viewport(ภาพจอเล็ก) ปรับ fullscreen ได้ และอื่น ๆ อีกมากมาย ว่าแล้วมาลองดู demo ในการตัดสินใจใช้กันครับ
demo
web developer and download http://www.dimin.net/software/panojs/
support platforms
- PC (สามารถ zoom in /out โดยใช้ scrollbar)
- Mac
- Smart Phone ie. IOS & android
- Tablets
ไม่มีความคิดเห็น:
แสดงความคิดเห็น