Newsgroup: it.comp.lang.javascript
Titolo: aiuto per centrare un'immagine nello schermo

Con questo script al passaggio del mouse sull'immagine f-alex_cornice.gif
viene visualizzata l'immagine f-alex_cornice1.gif.
Tutto funziona correttamente ma il mio problema e' questo: con la funzione
position absolute bisogna dare una posizione fissa all'immagine.
Io vorrei che l'immagine fosse sempre al centro dello schermo nelle varie
risoluzioni ( 16", 20", etc... ).
Non c'e' modo per dire che le due immagini si devono sovrapporre al centro
dello schermo?
Grazie a tutti. Se mi rispondete via e-mail preferisco.
Alex.
<script language="Javascript">
function Sopra1() {
document.all.cornice.style.visibility = "hidden";
document.all.cornice1.style.visibility = "visible";
}
function Fuori1() {
document.all.cornice1.style.visibility = "hidden";
document.all.cornice.style.visibility = "visible";
}
</script>
<p><img src="f-alex_cornice.gif" name="cornice"
style="position:absolute; top:103; left:270" onmouseover="Sopra1()"
WIDTH="207"
HEIGHT="207"> <img src="f-alex_cornice1.gif" name="cornice1"
style="position:absolute; top:103; left:270; visibility:hidden"
onmouseout="Fuori1()"
WIDTH="207" HEIGHT="207"> </p>

Ho creato una funzioncina che fa al caso tuo. Con IE4 funziona sicuramente:
<html>
<head>
<script language="JavaScript">
 function Centra(Oggetto){
  NewLeft = (document.body.clientWidth - eval(Oggetto+".style.pixelWidth"))
/ 2;
  NewTop = (document.body.clientHeight - eval(Oggetto+".style.pixelHeight"))
/2;
  eval(Oggetto+".style.top = "+NewTop);
  eval(Oggetto+".style.left = "+NewLeft);
 }
</script>
</head>
<body>
 <img src="94.jpg" id=Immagine1 style="position:absolute;" width="400"
height="308">
<script language="JavaScript">
 Centra("Immagine1");
</script>
</body>
</html>
Stefano on Line
Per risposte rimuovere 'tefano'.
Personalizza la mia Home Page!
http://members.xoom.com/StefanOnLine
ICQ#: 12870580

 Stefano on Line
Funziona correttamente sotto IE4 ma non sotto NN4, se però la pagina è composta
solo da quell'immagine, perchè non usare le tabelle ???:
<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH=100% HEIGHT=100%>
<TR>
<TD ALIGN=CENTER VALIGN=CENTER>
<IMG SRC="immagine.gif" BORDER=0>
</TD>
</TR>
</TABLE>
REO

solo da quell'immagine, perchè non usare le tabelle ???:
Perché l'immagine, come nell'esempio della domanda ha come style.position =
absolute e quindi che sia all'interno di una tabella o che altro, occorre
specificare determinate coordinate per l'immagine, altrimenti viene
allineata nell'angolo in alto a sinistra della finestra del browser. Ok?
Stefano on Line
Rimuovere tefano per eMail.
Personalizzatevi la mia Home Page!
http://members.xoom.com/StefanOnLine

Alex.
Prova cosi':
<div style="position:absolute; top:103;left:0">
<center><img src="f-alex_cornice.gif" name="cornice"
 onmouseover="cornice.src='f-alex_cornice1.gif'"
onmouseout="cornice.src='f-alex_cornice.gif'"
WIDTH="207" HEIGHT="207"> </center>
</div>
Ciao
Byte

WIDTH="207" HEIGHT="207"> </p>
Potresti memorizzare in due variabili i valori di screen.width e screen.height
(non ricordo se erano quelli i valori che danno le dimensioni della finestra del
browser, oppure window.width e windows.height.
~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~
Gabriele Bertolucci - NT4WKSITA+SP3 - VB5PROITA+SP3
pbe...@vi.ats.it
pbe...@freemail.it
 (alias)
pbe...@bigfoot.com
 (alias)
http://members.spree.com/sip/pberto/
http://userspace.ats.it/free/pberto/
 (alias)
http://www.fortunecity.com/skyscraper/spiff/523/
 (alias)
http://www.bigfoot.com/~pberto/
 (alias)
ICQ #: 9732192
~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~#~