Ciao a tutti gli utenti di html.it mi chiamo Federico e sono alle prese con uno spinosissimo problema (alla quale neanche il motore di ricerca interna di questo forum ha dato risposta ):
il mio problema è che ho 3 immagini di 3 risoluzioni diverse (800x600 1024x768 e 1280x1024) che vorrei impostare come sfondo a seconda della risoluzione rilevata da javascript...il mio codice (all'interno dell' <head>) era (anzi fino ad ora è)
codice:
<script language="JavaScript">
var larghezza=window.screen.width;
var altezza=window.screen.height;
if((larghezza==800)&&(altezza==600))
{
	document.body.style.backgroundImage='url(rosa800x600.jpg)';
}
else
{
	if((larghezza==1024)&&(altezza==768))
	{
		document.body.style.backgroundImage='url(rosa1024x768.jpg)';
	}
	else
	{
		if(larghezza==1280)&&(altezza==1024))
		{
			document.body.style.backgroundImage = 'url(rosa1280x1024.jpg)';
		}
}
</script>
ma appena l'ho provato non fa niente...sfondo bianco come se non avessi messo nulla...stesso risultato se metto lo script nel body...avrei anche usato una funzione per l'evento onload del body anche ma non so:
• come tornare l'immagine al body e fargli capire che deve impostare quella...
potreste aiutarmi? grazie in anticipo!
Federico