No algoritmo para saber o tamanho da imagem em width e height parece não receber o tamanho real da imagem, o que gera um erro de tamanho nas futuras divs geradas.
As divs geradas não estão ficando dentro da imagemaparecendo como deveriam.
//Achando o tamanho da imagem
var imgwidthImg = document$("#idteste2").getElementByIdwidth('idteste2');
var widthImg = img.clientWidth;
var heightImg = img$("#idteste2").clientHeight;height();
document.write(widthImg+" "+heightImg+"<br />");
var resWidth = parseInt(Math.floor(widthImg / 3);
document.write(resWidth+"<br />");
var resHeight = parseInt(Math.floor(heightImg / 3));
resWidth = 20;
document.write(resHeight+"<brresWidth+""+resHeight+"<br />");
//Tentando inserirInserir as divs
for(var i = 0; i < 3; i++) {
document.write(i+"= i <br />"); for(var j = 0; j < 3; j++) {
document.write(j+"= j <br />"); $("#idteste2").append("<div class='box'></div>");
};
};
$(".box").css("width",resWidth);
$(".box").css("height",resHeight);
};
};
No algoritmo para saber o tamanho da imagem em width e height parece não receber o tamanho real da imagem, o que gera um erro de tamanho nas futuras divs geradas.
As divs geradas não estão ficando dentro da imagem como deveriam.
//Achando o tamanho da imagem
var img = document.getElementById('idteste2');
var widthImg = img.clientWidth;
var heightImg = img.clientHeight;
document.write(widthImg+" "+heightImg+"<br />");
var resWidth = Math.floor(widthImg / 3);
document.write(resWidth+"<br />");
var resHeight = Math.floor(heightImg / 3);
resWidth = 20;
document.write(resHeight+"<br />");
//Tentando inserir as divs
for(var i = 0; i < 3; i++) {
document.write(i+"= i <br />"); for(var j = 0; j < 3; j++) {
document.write(j+"= j <br />"); $("#idteste2").append("<div class='box'></div>");
$(".box").css("width",resWidth);
$(".box").css("height",resHeight);
};
};