Risoluzione video automatica per tutti i browser - il codice

[retaccia]

Salve, ho trovato in rete questo codice:

codice per la pagina:

<script type="text/javascript" src="resize.js">


il file resize.js:



/*
This script changes "body.style.zoom" according to the screen resolution.
You can freely distribute this script.
Please don't remove any comment.
See more details on: http://digilander.libero.it/indipendent_res/
*/

window.onload = check_width

function check_width() {
var correctwidth=1024;
// You can personalize "correctwidth" according to your layout.

if (screen.width!=correctwidth) {
document.body.style.zoom = screen.width / correctwidth;
}
}

porta la risoluzione video a quella che vogliamo noi semplicemente impostando la larghezza.

Purtroppo si vede bene solo con internet explorer e quando si alza la risoluzione le immagini si sgranano un po

Qualcuno conosce qualche soluzione simile che non abbia di questi problemi? o che sappia risolverli?

[br1]

La proprieta' zoom funziona solo con IE7, per tutti gli altri esiste il CSS ed una buona progettazione, niente bacchette magiche.

ciao

[retaccia]

OK - grazie

[Straystudios]

Originariamente inviato da retaccia
... qualche soluzione simile ...

Duplicare "la roba".
Prendendo a campione due risoluzioni "tipo".

Duplicare:
- o l' intera pagina, che quindi avrà anche un altro URL, e quindi duplicare tutto il sito, poi JavaScript può reindirizzare il visitatore all' una o all' altra;
- o solamente le immagini, e JavaScript farà caricare le grandi o le piccole, e l' URL rimane invariato.

Nella seconda ipotesi, per la dimensione dei Font in pixel, ci si può affidare a quella di default che il visitatore ha impostato sul browser, che si presume consona alla risoluzione, e per avere parti di testo più piccolo o più grande, affidarsi ai tag &#60;small&#62; &#60;big&#62; che si possono anche addizionare, o ai "vecchi" &#60;font size="+2"&#62;.
Ma si può anche arrivare a comporre uno SCRIPT più esteso che adatta gli STYLE FONT-SIZE e le dimensioni di TABLE e DIV contenitori.

... le immagini si sgranano un po ...

Per la qualità, le immagini vanno lasciate visualizzare al browser alle loro dimensioni native: il browser non è un programma di image-resizing e fa quel che può ad "inventarsi" pixel da aggiungere o da toglere.
Per questo, la soluzione ideale è avere "il pezzo" giusto da far caricare e lasciarlo invariato; è quanto avviene con le soluzioni sopra indicate.
Le "risoluzioni tipo" da prendere in considerazione, possono essere quante e quali che vuoi, ma non è il caso di slargarsi troppo; e poi dipende dal tipo di pagina che dobbiamo considerare.

[retaccia]

allora per non complicarsi la vita e farne 2 di siti non è meglio farne 1 flessibile