コードはいたって簡単で、ブログの個別ページに全て埋め込んで利用できます。ここで、XbXdKx1EMfIC は、Google が管理している ID で、左上の書籍の小さな画像を右クリックすると URL の中に含まれています。 ユニークになるはずなのでそのまま DIV の ID として利用しています。
<div id="XbXdKx1EMfIC" style="width: 600px; height: 750px"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("books", "0", {"language": "ja"});
google.setOnLoadCallback(function () {
var viewer = new google.books.DefaultViewer(document.getElementById('XbXdKx1EMfIC'));
viewer.load('XbXdKx1EMfIC');
});
</script>
書籍は、「目次」でインデックスページに Jump しますが、てのひらカーソルでページをドラッグして上下に動かし、いわゆるリンク時に表示される人さし指の立ったカーソルでクリックするそのページへ Jump します。 API で、直接任意のページへ移動する事も可能です。 数値を入力
Developer's Guide - Embedded Viewer API - Google Code
|
|
【Googleの最新記事】
- Google 共有ドライブの容量の上限について
- Google Classroom は無料の G Suite for Education アカウントが必要
- 教室と一対一のフォルダより新しく登録されたフォルダの中にあるZoom動画ファイルを該当するClassroom の コース内の該当するトピックに登録する
- Google Apps Script : 動画を添付して Classroom の指定のトピックへ課題として投稿する
- Google Classroom のテーマ画像のサイズと既存画像をテーマ画像として使用してみた手順
- Google Chrome でスマホのソースコードをごく普通に表示して利用する
- Gmail に 実行可能なファイルの拡張子を持つファイルを格納した zip 書庫は送れません
- Gmail で添付できないファイルをエクスプローラで検索する為の文字列
- jQuery で既存 table より Firebase Database のデータを作成する
- jQuery + Bootstrap(css) + mmenu : Firebase Database 参照と更新サンプル( 新規登録テンプレートより )
- jQuery + Bootstrap(css) + mmenu : Firebase Database 新規登録テンプレート
- jQuery + Bootstrap(css) + mmenu : Firebase ログインテンプレート
- Google ドライブの WEBホスティングが無くなったので、Google の Firebase をとりあえず使う方法
- Google サイト内検索の FORM 要素による設置
- ブラウザの geolocation で Google MAP に現在地を表示。ライブラリでさらに詳細情報。API の geocoder で名称・住所から Google MAP を表示して、ライブラリで..
- Google+ に投稿するテキスト内の文字列を太字(ボールド)にしたりイタリックにしたりする方法
- Google の Plus API を使って Google+ 投稿データを jQuery UI のアコーディオン(accordion)で表示する
- Google の タスク API(ToDoリスト) を使ってタスクリストとタスクのタイトルを jQuery のプラグインでメニュー化する
- Google API の中でも単純な Task API を使って、アクセストークン取得のテンプレートを整備しました
- GitHub の google-api-php-client( PHP ) を使って、Gmail でメールを送る( 添付ファイル付き )
