导出为网站 HTML5允许您使用 PhotoStage 项目中的剪辑创建幻灯片,并将其集成到您的网站。网站源代码(HTML、CSS、Javascript)及其映像依赖项将在选定的目标中创建。目前,仅支持具有应用效果(动画除外)和交叉淡淡过渡的图像。 导出选项 导出对话框中提供了以下选项: - 保存到:将网站文件保存到的目录。源文件(html - slideshow.html,css - slideshow_style.css 和 javascript - slideshow_script.js)将保存在根目录中,而 html 图像依赖项将保存在名为html的文件夹中。
- 解决方法:输出幻灯片图像的分辨率。选择自动匹配内容可选择适合所有图像的最小分辨率。
- 输出选项:
- 在页面加载时自动播放幻灯片:在页面加载时自动播放幻灯片,并且不显示播放按钮。
- 自动循环幻灯片:使幻灯片在播放过程中自动重复
- 包括全屏按钮:在幻灯片的右下角添加一个全屏按钮,用于全屏显示幻灯片。
- 在幻灯片下方包括导航栏:添加一个导航栏,用于在幻灯片之间查找。
- 包括 NCH 水印:在幻灯片底部中心添加 NCH 水印。删除水印是一个付费功能,可以通过购买照片舞台完成。
与网站集成 将幻灯片添加到新网站还是现有网站都很容易。导出到 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> 更改边距:自动浮动:左对齐,左对齐:右对齐。右对齐。左对齐,左对齐。左对齐,右对齐。左对齐,左对齐,左对齐,右对齐。左对齐,左对齐,左对齐,右对齐。左对齐,左对齐,右 |