strecciare immagine

**gianniserena** · 15-04-2008, 17:22

Ciao a tutti,
sto cercando uno script per strecciare un'immagine di sfondo a tutto schermo.

mi hanno chiesto di fare un sito utilizzando il vecchio sfondo di win95 con le nuvole ve lo ricordate ?

Ma il problema per non appesantire troppo graficamente è vorrei mantenere l'immagine sui 18K con dimensione 640x480 e strecciarla per rosluzioni grafiche superiori. evitando di far replicare l'immagine.

esiste uno script del genere ?

**br1** · 15-04-2008, 18:42

Il javascript non ha capacita' grafiche... ti sposto su CSS... magari li capiscono i termini che usi

**Mich_** · 16-04-2008, 10:28

Come inventare parole nuove.... Immagino che strecciare derivi dall'inglese to stretch. In italiano direi stirare.

Comunque neanche con i CSS si possono deformare le immagini.
L'unica soluzione che vedo nella tua situazione e` inserire l'immagine in un blocco tramite il tag <img>, e poi inserirci sopra un altro layer con sfondo trasparente che contiene il resto del sito.
Anzi, per non aver problemi nei browser che non riconoscono i CSS, il layer con lo sfondo andrebbe posizionato dopo quello con il contenuto:

codice:

<body>
  <div id="tutto">
    ... qui tutto il tuo sito ...
  </div>
  <div id="sfondo">[img]...[/img]</div>
</body>

CSS:
body {
  background-color: ...;   /* se vuoi, per non vedere errori in caso non si carichi l'immagine */
  width: 100%;
  height: 100%;
}
#tutto {
  position: absolute;
  top: 0; left:0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10;
  overflow: auto;   /* sostituisce le barre del body che non si devono vedere */
}
#sfondo {
  position: absolute;
  top: 0; left:0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#sfondo img {
  width: 100%;
  height: 100%;
}

Discussione: strecciare immagine

Strumenti discussione

Ricerca discussione

Visualizza

strecciare immagine

Permessi di invio