background image

[giuseppe500]

ciao.
Devo settare un immagine come background image delle dimensioni del body da js.
Come dato ho solo il percorso dell' immagine.
vorrei che se l'immagine è piu' piccola o piu' grande venisse fatto lo strech sulle dimensioni del body.
QUalcosa cosi:

function setBack(url)
{
   body.backgroundimage : url .....
}

<input type="button" onclick="setBack(../images/casa.jpg)">

[Xinod]

non funziona cosi'
di un' immagine in background puoi definire solo posizione e se debba o meno ripetersi e su quale asse

ti sara' chiaro a questo punto che, a meno che tu non voglia avere piu' copie della stessa immagine (e quante poi?), in linea di massima non puoi usare un' immagine in background per fare quello che chiedi

[giuseppe500]

ho capito quello che dici xinod, ma l'immagine la costruisco con l'unione di varie immagini lato server con php e gdi unendo varie immagini .
Devo solo posizionare nel body l'immagine costruita ,che potrà essere piu' grande del body stesso ma con la stessa altezza in modo da poter fare lo scroll che ho gia implementato in js.
Puo' funzionare cosi?
Grazie.

[cavicchiandrea]

Ma è la prosecuzione di questa?

[giuseppe500]

no , cavicchiandrea non è la continuazione di quella discussione , in quanto è incentrata su come settare l'immagine da js per il body.
Scusate se non ho specificato bene .
Ho pensato di creare un immagine multipla da php con le gdi , concatenando varie immagini diverse , a questo punto che ho un immagine somma di varie immagini passerei questa immagine al body come background-image ma non so come centrarla nel body ( la larghezza puo' essere maggiore di quella del body , ma l'altezza è la stessa) in modo da avere compatibilità sia con ie6 che con ff.
Grazie.
scusate se mi sono espresso male.

[Xinod]

document.body.style.background='url('+url+') #fff no-repeat 0 50%';

[giuseppe500]

grazie , solo che adesso devo fare lo scroll su un div con id='foto_sfondo'.
Ho provato a mettere :

document.getElementById('foto_sfondo').style.backg roundPosition = VALORE;

ma non mi si sposta l'immagine !

questo era lo script per lo scroll:

<script language="JavaScript" type="text/JavaScript">

  var instance;

  var speed=25; //This is the speed of scrolling.

  var num=0;

  var bgOb=eval('document.body')

  function scrollBG()

  {

  num++;

  bgOb.style.backgroundPosition="0"+num;

  }

  function start(speed)

  {

	

	instance = setInterval('scrollBG()',speed)

  }

  function functionstop()

  {

	

	clearInterval(instance);

  }

</script>

ho tolto var bgOb=eval('document.body')
e messo direttamente
document.getElementById('foto_sfondo').style.backg roundPosition = "0"+num

ma non va!

[br1]

La sintassi dei CSS e' da rispettare... backgroundPosition vuole due parametri e l'unita' di misura... quindi

bgOb.style.backgroundPosition="0"+num+"px 0px";

ciao

[giuseppe500]

grazie 1000