如何使谷歌预览按钮显示在CSS弹出窗口中

如果这是不可能的，请告诉我：

我需要在弹出窗口中显示谷歌图书按钮（文档在这里：https://developers.google.com/books/docs/preview-wizard）。所以，我想要的是一个弹出窗口，它为用户保存谷歌按钮，以便他们可以单击它并获得谷歌的嵌入式查看器弹出窗口。

我使用几个CSS类来实现我的弹出窗口：

.item-notes {cursor:pointer;}
.item-notes .notes-details {position:absolute; display:none;}     

目前，我像这样实现这些类：

<div class="link"><a href="#"><img src="images/icon_read.jpg" alt="" /></a> <a href="#">Sample</a></div>
<div class="link item-notes">
<div class="notes-details"><h3>Notes</h3><p>Lorem Ipsum</p></div><a href="#"><img src="images/icon_notes.jpg" alt="" /></a> <a href="#">Notes</a></div>

我的问题是我希望"示例"部分也是一个弹出窗口，其中包含指向谷歌图书预览的链接（以及其他一些东西，但为了问题......

因此，我为"示例"部分尝试此操作：

<div class="link item-notes">
<div class="notes-details">
<script type="text/javascript" src="http://books.google.com/books/previewlib.js"></script>
<script type="text/javascript"> GBS_insertPreviewButtonPopup(['ISBN:9780596527068']);</script></div>
<a href="#"><img src="images/icon_read.jpg" alt="" /></a> <a href="#">Sample</a></div>

但是，此脚本不是放在弹出窗口中，而是链接到另一个包含Google预览按钮的页面。