PDA

View Full Version : [javascript/html]


cruyffissimo
03-02-2010, 20:13
Salve a tutti..

ho un piccolo problema...
vorrei sapere se esiste un modo per evitare la spiacevole situazione in cui la immagine di sfondo si ripete se la risoluzione cambia...
in poche parole...
vorrei sapere se esiste una funzione o cmq qualcosa che permette di scalare o aumentare la dimensione dell'immagine a seconda della risoluzione del browser del client...

Vorrei evitare di usare script lato server..nel mio caso PHP...
ho trovato una soluzione sin internet che mi proponeva questo codice:

function resize()
{
var immagine = document.getElementById("miaImg");
immagine.style.width = document.body.clientWidth;
immagine.style.height = document.body.clientHeight;
}


</script>
</head>

<body onload="javascript:resize();" onresize="history.go(0)">

<img id="miaImg" src="Particolare_murales.jpg" />



il problema è che non me lo fa!!!
sapete dove è il problema?
conoscete un'altro metodo?

Grazie milleee!! :sofico:

vladix
04-02-2010, 08:15
capisco quello che vuoi fare ma nn capisco perchè ( e nn capisco che ci fa l'immagine nel body se e un immagine di sfondo )

se tu fai un immagine 1024 * 1280 che va bene per la maggior parte dei desktop nn andra bene per i wide screen ( si vedra una cosa deforme ) e viceversa. Quello che ti consiglio di fare e un immagine quadrata alineata in alto a sinistra e poi il resto lo riempi con un colore oppure un immagine enorme che vada bene anche per le risoluzioni più alte ( ovviamente con le risoluzioni basse si vedra solo parte dell'immagine ).

cruyffissimo
04-02-2010, 11:08
e ma ti spiego, siccome è un sito su commissione, si voleva mettere come sfondo un particolare di un murales...il problema cmq è qst...
ormai è diventata una questione di principio...:D