รู้จักการใช้งาน google.search.ImageSearch กับการค้นหาภาพจาก Google กันครับ

Google เองได้มี API ให้เราได้ใช้งานอยู่นะครับชื่อว่า google.search.ImageSearch รายละเอียดดูได้จากนี้อีกทีนะครับ https://developers.google.com/image-search/v1/reference หลักการง่ายๆ คือผมต้องการค้นหารูปภาพโดยใช้งาน google.searchImageSearch API ตัวนี้ และต้องการแสดงผล 8 ภาพต่อหน้า ผมก็สามารถทำได้ดังโค็ดด้านล่างนะครับ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Hello World - Google  Web Search API Sample</title>
    <script src="https://www.google.com/jsapi"
        type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
    google.load('search', '1');

    function OnLoad() 
    {
      var searchControl = new google.search.SearchControl();
      var imgSearch = new google.search.ImageSearch();
      searchControl.addSearcher(imgSearch);
      imgSearch.setResultSetSize(8);
      searchControl.draw(document.getElementById("searchcontrol"));
      searchControl.execute("facebook");
    }
    google.setOnLoadCallback(OnLoad);
    </script>
  </head>
  <body>
    <div id="searchcontrol">Loading</div>
  </body>
</html>


เรื่องรายละเอียดว่าแต่ละบรรทัดทำอะไรนั่นผมได้เขียนอธิบายไวในบทความนี้แล้วนะครับสามารถอ่านเพิ่มเติมได้นะครับ แต่สำหรับจุดสำคัญสำหรับการจำกัดว่าจะให้แสดงผลครั้งละ 8 ภาพนั่นอยู่ที่

imgSearch.setResultSetSize(8);

แค่นั่นเองครับ โดยตัวเลขที่เราสามารถระบุได้นั่นจะเป็นเลข 1, 2, 4, 8 เท่านั่นนะครับ
ถ้าท่านผุ้อ่านอ่านแล้วมีประโยช์นอย่างลืมไปกอ Like Page ให้หน่อยนะครับ :-) ช่วงนี้กำลังทำยอดนะครับ แหะๆ   http://www.facebook.com/PStudioDev