cambio sfondo con jquery

[griggioclaudio]

Ciao, ho provato in vari modi ma non sono riuscito a fare una cosa penso banale, chiedo venia ma con jquery sto all'inizio....

dovrei creare una funzione che vada a cambiare lo sfondo di un <div> (impostato inizialmente con css) al click su un'immagine.

il codice fin qui scritto è questo

  <script>

    $(function changeBg(){
	$('#vetro-logo').css({ 'background-image' : 'url('img/vetro-quadri.png')'});
	});

  </script>

e questo il bottone con la chiamata

<li class="voce-menu">[img]img/voce-menu.png[/img]

[cavicchiandrea]

<script>
//se vuoi che la funzione parta al caricamento del documento altrimenti lo togli
    $(function(){
changeBg()
});
//funzione lanciata da evento 
function changeBg(){
	$('#vetro-logo').css({ 'background-image' : 'url(img/vetro-quadri.png)'});
	}
</script>

[griggioclaudio]

grazie 1000

ho aggiunto anche il reset dello sfondo dopo un mouseout...

se io volessi aggiungere un effetto fade in, se aggiungo prima del cambio

$('#vetro-logo').fadeIn("slow");

non avviene nulla

è possibile o devo creare tanti div quanti sono le voci e poi giocare con altri comandi?

se vuoi dare un'occhiata a cosa intendo puoi vedere la demo qui

[griggioclaudio]

nello script realizzato qualche giorno fa ho inserito una galleria "lightbox" che richiede la libreria prototype.js, se però metto il collegamento al file non funziona più quanto da me scritto...

che motivo potrebbe esserci?

[cavicchiandrea]

Vanno in conflitto le due librerie, o usi un simil lightbox per jquery o "aggiungi" un noconflit trovi entrambi su google. Io opterei per la prima ipotesi perchè appesantire la pagina con due librerie

[griggioclaudio]

grazie mille, risolto ancora con il tuo prezioso aiuto