Pesquisar na Comunidade
Mostrando resultados para as tags ''altura''.
Encontrado 2 registros
-
Olá amigos estou tentando capturar o tamanho real (width, height) das imagens que compõem meu álbum de fotos. Ao clicar na imagem preciso capturar altura e largura, já tentei de várias formas mas, o valor que retorna não é o tamanho real, apenas é repetido o valor da primeira imagem do array; Veja online: http://www.via85.tk/photos/ As 3 imagens do álbum têm os tamanhos abaixo que preciso capturar: Natural 200 x 252 259 x 194 1024 x 683 Meu código está assim: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Album</title> <style> .img{ height:80px; float:left; margin:1px; } .imgBig{ width:auto; height:300px; float:left; display:block; } </style> </head> <body> <div id="boxAlbum"> <script> var path = "img/"; var img = ["panicat.jpg","por.jpg","azul.jpg"]; var i = 0; var tam = img.length; function mostraImagem(){ while (i < tam) { document.write('<img class="img" onclick="abreImg(alt);" alt="' +img[i]+ '" id="imagem" src="' +path+img[i]+ '">'); i++; } } </script> </div> <!-- lista miniaturas --> <script>mostraImagem();</script> <!-- Exibe imagem ampliada --> <script>document.write('<img class="imgBig" id="imgBig" src="">');</script> <script> function abreImg(valor) { var img = document.getElementById('imagem').innerHTML=valor; var altura = document.getElementById("imagem").height; var largura = document.getElementById("imagem").width; alert(img + "\nAltura: "+altura+"\nLargura: "+largura); } </script> </body> </html>
-
Olá pessoal sou novato em programação Web, estou desenvolvendo um site para a empresa mas estou com um problema, não consigo fazer com index se encaixe perfeitamente na tela, de todos os monitores. Gostaria de uma ajuda se possível ou de alguma outra ideia que possa me ajudar, grato desde já ! Segue site(estou testando numa hospedagem gratis): www.liderpro.besaba.com