0

Carregar Imagens com Javascript

js

Carregando Imagens em uma página HTML com Javascript.

Vamos realizar este tutorial em duas etapas, primeiro passo será criar a página HTML.

 

Observe que na linha 5, fazemos chamada a um arquivo javascript. Nele será implementada a função responsável por carregar a imagem na página.

Na linha 10 fazemos a chamada ao método loadImagem(), que será implementando no arquivo: jscript.js.

Na linha 20, definimos a <div> onde será carregada a imagem.

Por fim segue a implementação do arquivo jscript.js.

 

Simples assim.

comboImagens

Observação: O nome da imagem deve ser igual ao atributo value da opção <option>. No script estou concatenando a extensão .png. O ideal que todas as imagens a serem carregadas possuam a mesma extensão.

Paulo R. Marinho

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

83 − = 74