Exportar como HTML5 para Site permite que você crie uma apresentação de slides usando clipes do seu projeto PhotoStage e integre-o ao seu site.

O código-fonte do site (HTML, CSS, Javascript) e suas dependências de imagem serão criados no destino selecionado. Atualmente, apenas imagens com seus efeitos aplicados (exceto animações) e transição crossfade são suportadas.

Opções de exportação

As seguintes opções estão disponíveis no diálogo de exportação:

Integração ao Site

É muito fácil adicionar a apresentação de slides seja a um novo site ou a um já existente. Exportar para HTML5 para o Site fornece um arquivo html de amostra (index.html) que pode ser usado para iniciar a criação do seu site com a apresentação de slides. Ele contém uma tag com slideshow.html como a fonte. Para um layout fácil, o segue o tamanho de seu contêiner pai (ou seja.

Para incluir a apresentação de slides no seu site existente, copie e cole o seguinte código para o seu arquivo html. Ele usa a tag similar <iframe> dentro de um recipiente pai que define o tamanho da apresentação de slides. Para isso, você precisará copiar o conteúdo do diretório Salvar para para o seu host, exceto index.html. O <iframe> será usado para incluir a apresentação de slides em seu site. Você pode ajustar a largura e a altura do <div> conforme necessário.

<div style=largura:640px; altura:690px; margem:auto>
<!-- Largura e altura do iframe é uma porcentagem do pai ->
<!-- Configuração de margem para auto centraliza o iframe horizontalmente dentro do div -->
<!-- Definir o estilo de fronteira para nenhum remove a fronteira padrão do iframe -->
<iframe src=slideshow.html estilo=largura:100%; altura:100%; margem:auto; estilo border:none>
</iframe>
</div>

A apresentação de slides é o centro padrão alinhado ao seu contêiner de nível superior (por exemplo, outro <div> ou <body>). Para modificar isso, faça o seguinte no <div> contendo o <iframe>:

Alterar margem:auto para flutuar:esquerda para a esquerda alinhar e flutuar:direita para alinhar à direita.