Estou tentando carregar uma imagem através de Javascript mas não deu certo. No HTML está assim: <img src="img/bola.jpg/>
, mas no Javascript não sei.
O código abaixo é para mostrar o carregamento de várias imagens, mas não sei porque não está carregando:
Segue o Javascript:
/*
autor : Jose Lemo
descricao: Estudo cinema da baladinha
*/
// true = disponivel, false = indisponivel
window.onload = function(){
carregarPoltronas(); // não está carregando a imagem
}
var poltronas = [false,true,false,true,true,true,false,true,false];
function carregarPoltronas(){
var imagens = document.getElementsByName("img");
for(var i=0; i<imagens.length;i++){
imagens[i].src = "img/disponivel.jpg";
}
}
Segue o xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> JavaScript CinemaBaladinha</title>
<style>
div{
margin:0 auto; width:740px; text-align:center;height:250px;
}
#topo {
background:url(img/baladinha.jpg) no-repeat;
}
</style>
<script type = "text/javascript" src = "js/CinemaBaladinha.js"></script>
</head>
<body>
<div id = "topo"></div>
<div>
<img />
<img />
<img />
<img />
</div>
</body>
</html>
Alguém me pode dar um exemplo de como carregar uma imagem com Javascript?
src
deveria funcionar. Suspeito que a URL sendo colocada não está certa ou esse código não está executando corretamente por algum motivo. Inspecione o HTML no seu navegador após a abertura da página e verifique se os valores estão corretamente definidos após a execução. – utluiz 6/04/16 às 2:21var imagens = document.getElementsByName("img");
não está retornando nenhum elemento. Você procura por elementos com o atributoname="img"
, e no seu HTML não existe nenhum elemento assim. Tente comvar imagens = document.getElementsByTagName("img");
– tayllan 6/04/16 às 2:43