O resultado
Primeiro, vamos dizer que já tem um trabalho website, e nós queremos adicionar um slideshow no conteúdo. Para este tutorial, vamos começar a partir de um modelo de site fornecido por www.justdreamweaver.com
Digamos que queremos substituir o título H2 e texto com uma bela apresentação de slides:
< h2> Tutorial Iniciar
Para tornar este tutorial você vai precisar Dreamweaver (8, CS3 ou CS4), a extensão criativa DW ImageShowPro a partir do site Estender Studio e um conjunto de imagens.
Você pode baixar uma versão de avaliação gratuita a partir daqui e tudo que você precisa fazer é instalá-lo usando o Adobe Extension Manager que vem com o Dreamweaver. Para localizar a extensão no Dreamweaver, siga este link.
Abra o mainpage.html (se você estiver usando o modelo fornecido pelo JustDreamweaver) ou a sua própria página HTML
Clique na página onde deseja aplicar o slideshow (no meu caso, eu tenha apagado o título h2 eo conteúdo abaixo e clicar no espaço vazio criado)
Vá até a aba ImageShow Pro e clique em Insert New Image Show Pro botão
Isto irá abrir o show interface Imagem Pro Dreamweaver, foram nós deve fazer as definições para o Slideshow.
Agora, as imagens que estou usando para a apresentação de slides estão 500px de largura e altura é de cerca de 330px. A fim de criar o movimento panorâmico pelas fotos, você deve definir a largura seja igual ou menos do tamanho da imagem, de modo que em vez do padrão 450x450 let colocar 350px de largura e 340 px height:
< li>
O passo seguinte é fazer upload de fotos.
DICA: para tempos de slideshow de carregamento rápido, você deve abrir as imagens no Photoshop e "Guarde-as para a Web" Para fazer o upload de imagens, clique no botão "Inserir item de"
Vamos definir a apresentação para. loop. Clique na caixa de seleção.
Criando os efeitos Slides
Neste ponto você enviou as fotos e podemos jogar com os efeitos. Na área efeito do slide você pode definir a transição entre as imagens, ajustar a velocidade de movimento panorâmico e direção panorama.
Defina os efeitos de slides a desaparecer (entrada e saída) e efeitos de atraso Deslize para 100 ( você pode jogar com atraso de como você deseja dependendo das fotos).
O próximo passo é definir as configurações mottion da área de efeitos de slides.
Vamos colocar o posição para a direita