sfondo in base alla risoluzione

**Fantamanster** · 10-07-2006, 19:38

Ciao a tutti...

ho un problema...vorrei cambiare l'immagine di sfondo di una pagina a seconda della risoluzione dello schermo dell'utente.

E' possibile? Grazie Ciao!

**DottorZed** · 10-07-2006, 20:39

Non ne trovo l'utilità però con l'utilizzo di qualche javascript dovresti farcela, che io sappia però non esiste nulla di già pronto...

**fcaldera** · 10-07-2006, 21:02

parto dal presupposto che tu voglia cambiare sfondo all'elemento body e che lo sfondo sia ancoratoin alto a sinistra non ripetuto (eventualmente modifica il codice)

codice:

<head>
....
<script>

function changeBackground(bg) {
   el_body = document.getElementsByTagName('body')[0];
   el_body.style.background = 'url(' + bg + ') top left no-repeat';
}

function getResolution() {
  
   var x = screen.width;

   if (x > 1400) { changeBackground('1440x1280.jpg'); return; }
   if (x > 1200) { changeBackground('1280x1024.jpg'); return; }
   if (x > 1100) { changeBackground('1152x900.jpg'); return; }
   if (x > 1000) { changeBackground('1024x768.jpg'); return; }
   if (x > 700) { changeBackground('800x600.jpg'); return; }
}

window.onload = getResolution;

</head>
....

**Fantamanster** · 10-07-2006, 21:30

Grandissimo! grazie mille!! è proprio cio' che volevo fare!

Discussione: sfondo in base alla risoluzione

Strumenti discussione

Ricerca discussione

Visualizza

sfondo in base alla risoluzione

Permessi di invio