adkdev // Just another web development blog


Highslide JS - JavaScript thumbnail viewer

วันก่อน รุ่นน้องผม มาถามว่า พี่ในเว็บนี้เขาทำยังไง สวยดี แล้วก็ส่งลิงค์มาให้
เป็นเว็บของการประกวดนางสาวไทย ผมก็เข้าไปดู ก็ไม่เห็นมีอะไรแปลก
จนไปเจอกับรูปภาพไฮไลท์ ของการประกวดต่างๆ ซึ่งพอคลิกแล้วจะเปิดรูปภาพขึ้นมาให้ดูกัน
นางสาวไทย 2550 - Miss Thailand 2007

ก็เลยไปดูโค้ด ไปเจอกับ Javascript library ตัวหนึ่ง ชื่อว่า Highslide JS เลยเข้าไปดูในเว็บตาม URL ที่ปรากฏใน Source code ตัวนั้น ก็คิดอยู่ในใจว่า เอ… นี่มันคุ้นๆ นี่หว่า เหมือนเคยเข้ามาดูแล้ว ก็ส่งลิงค์ไปให้เจ้าของคำถาม ให้ดาวโหลดไปลองเล่นดู
ก็เลยคิดว่า น่าจะเอามาบอกต่อ เผื่อใครที่อยากได้อะไรแบบนี้ *-*

ในเว็บของ Highslide JS นั้นมีตัวอย่างให้ดูพอควร และแต่ละอันก็น่าสนใจมิใช่น้อย
ไม่ว่าจะเป็น การเปลี่ยนไอคอนเป็นรูปแว่นขยาย เมื่อเอาเมาส์ไปวางทับ
แสดงข้อความ Loading ขณะที่ทำการโหลดข้อมูล การแสดงรูปภาพแบบต่อเนื่องเป็นชุด

และยังสามารถแสดงข้อมูลเป็น HTML ได้อีกด้วย โดยการเรียกผ่าน AJAX หรือจะแสดง Flash ก็ได้
สามารถดาวโหลดมาใช้กันได้ฟรี!! แต่ใช้ฟรีเฉพาะกับ เว็บไซต์ส่วนตัว, เว็บโรงเรียน, อัลบัมรูปภาพของครอบครัว หรือองค์กรที่ไม่แสวงหาผลกำไรครับ - -”

Highslide JS - JavaScript thumbnail viewer

หากต้องการเอามาใช้ในเชิงธุรกิจ ต้องจ่าย 29$ สำหรับ 1 โดเมน และ 179$ สำหรับใช้หลายๆ เว็บไซต์ ลองดาวโหลดมาใช้กันดูก่อนก็ได้ครับ ซื้อไม่ซื้อ ว่ากันอีกที หุหุ

Related Posts

  • Javascript Tetris
  • ช่วย “หนังพระพุทธเจ้า” ด้วยก่อนจะถึง “วาระสุดท้าย”
  • เพิ่มความเร็วในการโหลด Javascript กับ CSS กันดีกว่า
  • Emprise JavaScript Charting with Canvas
  • nina said,

    July 17, 2008 @ 11:46 am

    ช่วยบอกวิธีการใช้ หรือตัวอย่างเป็นภาษาไทยได้ไหมค่ะ
    คืออ่านแล้ว งง
    ทำตามไม่ได้อ่าค่ะ
    มันต้องใส่ code อะไรไม่รู้

    เราสามารถทำแค่ ใส่ปลั๊กอินตัวนี้ใน wp plugin แล้วให้
    มันแสดงผลทั้ง บล็อกได้ไหมค่ะ
    คือรูปไหนๆก็ ซูมได้ หมดอ่า่คะ

    RSS feed for comments on this post · TrackBack URI

    Leave a Comment




    Home Contact me! RSS