2008年9月23日 星期二

在自己的網頁中觀看 Google Books 書籍內容

剛剛看到 Embeddable Google Books 這一篇文章,作者提到現在可以將 Google Books 書籍內容內嵌至網頁中了!

比方說,我在 Google Books 裡找到五南出版的『科學教育--懷卡托研究』,我就可以將它內嵌在底下:

這對於喜歡閱讀的朋友應該是一個很棒的消息!如果有好書想要推薦給他人,現在可以將 Google Books 上的書內嵌到自己的 Blog 進行推薦嘍!!:)

要怎麼將圖書資料內嵌至網頁中呢?祇要將底下的 Javascript 置入網頁中,並用搜尋所得的書籍 ID 取代紅色的部份,即可在網頁上顯示 Google Books 內容!

<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript">
GBS_insertEmbeddedViewer(' GkCpLIk7aisC ',600,500);
</script>

如果想要直接跳到某頁,請改用以下的代碼,並將第二個紅色部份改為想要顯示的頁次:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("books", "0");

function initialize() {
var viewer = new google.books.DefaultViewer(document.getElementById('viewerCanvas'));
viewer.load(' GkCpLIk7aisC ', null, function() {viewer.goToPage(5);});
}

google.setOnLoadCallback(initialize);
</script>

<div id="viewerCanvas" style="width:420px; height:600px;"></div>

想要瞭解更多內容可以參考 Embedded Viewer API 手冊

Technorati : , ,