Hello from Spain,
I don't know just javascript, therefore I can't reduce an image to imitate the images displayed by browsers.
as you can see i am absolutely ignorant (Body id=cuerpo)
function zoominnn() {
if ((document.images[0].style.height < document.getElementById('cuerpo').height) || (document.images[0].style.width < document.body.style.width)) {
if (document.images[0].style.height < document.getElementById('cuerpo').height) {
document.images[0].style.height = "auto";
}
else {
document.images[0].style.width = "auto";
}
document.getElementById("map").setAttribute("class", "reducido");
}
else if ((document.images[0].style.height > document.getElementById('cuerpo').height) || (document.images[0].style.width > document.getElementById('cuerpo').width)) {
if (document.images[0].style.height > document.getElementById('cuerpo').height) {
document.images[0].style.height = "100%";
alert("to");
}
else {
document.images[0].style.width = "100%";
alert("ti")
}
document.getElementById("map").setAttribute("class", "largo");
}
}