Newsgroup: it.comp.lang.javascript
Titolo: [req:] CSS e javascript per risoluzione video

Ho creato un CSS esterno che mi posiziona un'immagine in base alla
percentuale dello schermo con la seguente sintassi:
.foto { position:absolute; top:15%; left:27.5% }
in questo modo la fotografia sarebbe sempre centrata sia orizzontalmente che
verticalmente se...ovviamente c'e' un se...devo riuscire a ridurre la foto
in percentuale a secondo della risoluzione video.
Qualcuno sa come impostare questo tramite un JS?
In altrnativa mi potrebbe bastare la possibilita' di reindirizzare secondo
la risoluzione video a un diverso CSS esterno che mi settasse tutti i
posizionamenti e i dimensionamenti.
rispondete o qua o in mail (preferibilmente in mail) per favore.
vi...@libero.it

if (window.screen){
var w=screen.width
var h=screen.height
if (h<580 & w<740){
document.writeln("<LINK REL=stylesheet  type=text/css HREF=small.css>");}
else if (h<674 & w<835){
document.writeln("<LINK REL=stylesheet  type=text/css HREF=medium.css>");}
else {
document.writeln("<LINK REL=stylesheet  type=text/css HREF=large.css>");}
}
Spero possa servire.
----------------------------
Massimo Foti
massim...@fantastic.ch
----------------------------
Dreamweaver's fan page
http://www.cybernet.ch/users/massimo/
It should be this hole in the ozone layer
But I am not the coder I use to be...
vic wrote in message ...


Grazie mille lo provo subito...se intanto qualcuno riuscisse a trovare una
soluzione anche alla prima possibilita' sarei felicissimo..:-)
Cmq complimenti...e' il primo newsgroup in cui ricevo delle risposte alla
primo Post...vuol dire che c'e' ancora qualcuno che in rete si comporta
bene...
Vic

Per ridimensionare le immagini in base alla risoluzione, prova ad usare
questo trucchetto:
<TABLE WIDTH=10% HEIGHT=10%>
<TR>
<TD BACKGROUND="nome.img">
</TD>
</TR>
</TABLE>
In questo modo, l'immagine si ridimensiona in base alle dimensioni dello
schermo...
--
A presto e buona giornata.
ROBERTO E ALESSANDRO ABBATE
   Galileo - 
http://web.tiscalinet.it/galileo

Tanto per darti un'idea la soluzione puramente JS sarebbe una "robaccia" di
questo tipo:
<script>
function ff()
{
if(document.all)
{document.all.div.style.left= (screen.width-document.images.nomeimg.width)/2
document.all.div.style.top= (screen.height-document.images.nomeimg.height)/2
}else{
document.layers.div.left=
(screen.width-document.layers.div.document.images.nomeimg.width)/2
document.layers.div.top=
(screen.height-document.layers.div.document.images.nomeimg.height)/2
}
}
</script>
<body onload="ff()" onsize="ff()">
<div id=nomediv style="position:absolute;">
<img name=nomeimg src=...... width=xxx height=yyy>
</div>
Personalmente comunque ricorrerei ad essa solo in caso di estrema e
comprovata necessità, anche perché potrei scrivere una lunga pagina di
controindicazioni...
:)
(spesso arrivo a chiedermi perché mai posto scripts che poi sconsiglio di
usare alla gente... :)
CiaooooooooooooooooooooooooooooooooaiC.
                                      by
-------------------------------------------------------------------
     Ðarius. <- 
www.infotronica.it/darius
 ->
                 ICQ# 36150792
      - Art of JavaS.™ - 
www.probo.it/aoj
-------------------------------------------------------------------

eheheheh ok vedro' di fare altrimenti...grazie comunque