|
一、全屏插图页 全屏插图页扩展在ePub文件的opf文件中的spine节点下，spine节点定义了ePub文件中文章出现的顺序，每一个itemref项为一章，我们扩展一个properties属性值duokan-page-fullscreen，示例如下： <spine> <itemref idref="chapter100" properties="duokan-page-fullscreen"> …… </spine>
这样id为“chapter100”的章就会按全屏插图页逻辑处理，而相应的html内容应如下所示： <?xml version="1.0" encoding="utf-8"standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www./TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www./1999/xhtml"> <head> <title></title> <link href="../Styles/stylesheet.css"rel="stylesheet" type="text/css" /> </head>
<body> <p><img src="../Images/sanguoyanyi.png"/></p> </body> </html>
注意，html中应只含有一个img，不需要设置任何样式，程序会自动将图片撑满展示。
二、富文本脚注 用户可以通过单击文内脚注的图标，弹出显示脚注内容的窗口。文内注可以支持复杂的内容描述，比如多段落，带有样式的文本等等，具体描述如下： 在需要插入注的位置插入如下代码： <a class="duokan-footnote"href="#df-1"><img src=" ../Images/note.png"/></a>
在文章的末尾插入如下代码： <ol class="duokan-footnote-content"> <li class="duokan-footnote-item"id="df-1"><p>这是一个注释文本。</p></li> </ol>
注和内容之间使用id链接，通过这样的扩展方式，可以将整个章节的所有文内注内容集中在一个有序列表中，这部分内容不会直接在页面上渲染出来，而是通过应用层的交互来呈现。
三、交互图 对于交互图，应用层会响应点击放大操作，提供额外的交互体验，具体扩展如下所示： <div class="duokan-image-single"> <img src="../Images/tree.png"alt="" /> <p class="duokan-image-maintitle">主标题：大自然</p> <p class="duokan-image-subtitle">副标题：森林中的树</p> </div>
为了保证点击放大之后的图像呈现效果，采用交互模式的图像数据应该保证足够的分辨率。 注意： 1. 主标题和副标题可以不出现； 2. 主标题和副标题可以在img之前出现； 3. 交互图不可以嵌套出现。 | 
