allora,
cliccando sulla miniatura dell'immagine uno script toglie "_small" dal nome e la imposta come src del Layer2.
dopo di che cerco di prendergli le dimensioni e scriverle in un altro layer, ma non so perchè me le prende dell'immagine prima che mi si carica l'immagine dalla miniatura.
Per vedere le dimensioni corrette devo farci click due volte. in modo che prende le dimensioni dell'immagine prima (cliccandoci 2 volte la prima volta imposta l'immagine e prende le dimensioni sbagliate, la seconda volta ricarica la stessa immagine e prende di nuovo le dimensioni dell'immagine precedente, solo che questa volta sono le dimensioni dell'immagine che mi servono)
Credo di sbagliare a posizionare temporalmente le istruzioni o a non aggiornare le variabili....
questo è il link per vederlo online
http://www.orion42.altervista.org/pr...o_immagine.htm
e questo è il sorgente
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script>
function changeLayerImage(obj) {
dimensioni(Layer2);
upDate(obj);
}
function upDate(obj) {
//performs switch of image backgrounds into viewer and updates display
document.getElementById("Layer2").src=imageurl(obj.src);
}
function imageurl(str){
var i = str.lastIndexOf(".");
return str.substr(0, i-6) + str.substr(i);
}
function dimensioni(Layer2){
var wor = document.getElementById("Layer2").width
var hor = document.getElementById("Layer2").height
//wimg=wor
//himg=hor
// if (wimg>530){
// while(wimg<530){
// wimg=wimg*0.8;
// }
// }
//document.getElementById("dimant").innerHTML="dimensioni anteprima:"+wimg+"x"+himg+"px";
document.getElementById("dimimg").innerHTML="dimensioni immagine:"+wor+"x"+hor+"px";
}
</script>
</head>
<body>
<br>
<div id="dimimg">dim img</div>
<div id="dimant">dim ant</div><br>
<img id="menu1" alt="m42 ed m43,"
onClick="changeLayerImage(this)"
style=" z-index:1; border: 1px solid #FFCC33; filter: Alpha(Opacity=80); cursor: hand;"
src="../images/foto/orione/m43-n1977-mid_small.jpg" width="100" height="67" >
<br>
<img src="../images/foto/andromeda/m31.jpg" alt="Viewer" id="Layer2" style="z-index:2; background-repeat:no-repeat; background-position:center; border:2px solid #4040FF; margin-top:4px"></a>
</body>
</html>