导出为网站 HTML5允许您使用 PhotoStage 项目中的剪辑创建幻灯片,并将其集成到您的网站。

网站源代码(HTML、CSS、Javascript)及其映像依赖项将在选定的目标中创建。目前,仅支持具有应用效果(动画除外)和交叉淡淡过渡的图像。

导出选项

导出对话框中提供了以下选项:

与网站集成

将幻灯片添加到新网站还是现有网站都很容易。导出到 HTML5 网站提供了一个示例 html 文件 (index.html),可用于使用幻灯片开始创建您的网站。它包含一 个标签,以幻灯片.html 作为源。为便于布局 ,以下为其父容器的大小(即

若要将幻灯片包含到现有网站,请将以下代码复制并粘贴到 html 文件中。它使用父容器中定义幻灯片大小的类似 <iframe> 标记。为此,您需要将保存到目录内容复制到主机(index.html 除外)。<iframe> 将用于将幻灯片包含到您的网站。您可以根据需要调整 <div> 的宽度和高度。

<div 样式=宽度:640px;高度:690px;保证金:自动>
<!-- iframe 的宽度和高度是父帧的百分比 -- >
<!--将边距设置为自动,将 iframe 水平地居到 div ->
<!-- 将边框样式设置为无将删除默认 iframe 边框 -- >
<iframe src=幻灯片.html样式=宽度:100%;高度:100%;边距:自动;边框样式:无>
</iframe>
</div>

幻灯片是默认中心,与其上层容器对齐(例如,另一个 <div> 或 <body>)。若要修改此内容,请执行以下操作中包含 <iframe> 的 <div>

更改边距:自动浮动:左对齐,左对齐:右对齐。右对齐。左对齐,左对齐。左对齐,右对齐。左对齐,左对齐,左对齐,右对齐。左对齐,左对齐,左对齐,右对齐。左对齐,左对齐,右