Imagens em nova janela no Dreamweaver

Apr 25
2006

Dúvida:

Quero fazer um link, onde eu clico no nome de um produto, por exemplo, e ele abre em uma nova janela a foto desse produto. Só que gostaria que nessa janela aparecesse apenas o produto, e quando faço aqui aparece todos os menus.

Solução:

No Dreamweaver 8 (e no MX 2004) existe a janela de Behaviors. Você pode acessá-la através do menu Window > Behaviors.

Crie uma página html.

Faça um link.

Fazendo Link
Clique na imagem para aumentar.

Não coloque o endereço direto para a foto que quer abrir, preencha o local do link com o caracter: #

Selecione o texto do link, como mostra a primeira figura.

Vá no painel de Behavior e escolha Open Browser Window.

Behavior

Quando a janela abrir, configure com os dados da imagem que você deseja abrir em uma nova janela.

Open Browser Window

Não marque nenhuma das opções, assim os menus e botões não irão aparecer na nova janela.

No painel de Behaviors, troque a opção que vem marcada para onClick.

onClick

Isso fará que a janela abra somente quando a pessoa clicar no link.

Para cada imagem, repita o procedimento.

Clique aqui (com o botão direito e escolha salvar como) para fazer download de um exemplo em html de uma imagem que é aberta pelo link. Clique aqui (também com o botão direito) para fazer download da imagem.

Esse processo é feito através de javascript, portanto, o código javascript deve permanecer no arquivo html para que o efeito funcione!

3 Responses to “Imagens em nova janela no Dreamweaver”

    Carla says:

    Estou fazendo meu primeiro website. E vc me ajudou muito. Procurei muito sobre essa dúvida e ninguém explicou de forma tão fácil. Obrigada!! Sucesso pra vc!!!

    sergiolopes says:

    igual a esta janela pode colocar em um link na pg inicial

    vicente claudio says:

    Parabéns, tutorial fácil e objetivo.

Leave a Reply

Powered by WP Hashcash