@neroux said:

Sì, avrai bisogno di Javascript ma se lo vuoi far scorrere orizzontale non sarà 2400x418. Altrimenti puoi visualizzare quasi 3 div su 1200 ....

Guarda se http ://jqueryui.com/slider/#side-scroll ti sia utile

Allora in pratica, 1200px di larghezza, ma dato che voglio visualizzare due div di 418px,inserisco un altra section o div di 960 in modo che visualizzo i due div, poi agli estremi di questi div inserisco due pulsanti, e appunto voglio che quando clicco questi pulsanti mi porti sugli altri due div che non sto visualizzando(sono 4 div in tutto). Non so se sono stato chiaro. Grazie.

@GionaF said:

Ah, per cambiare intendeva proprio sostituire

Purtroppo l'immagine di sfondo non rientra tra le proprietà che è possibile animare:
w3.org/TR/2009/WD-css3-transitions-20091201/#animatable-properties-

Per ottenere questo effetto può ricorrere ad un "trucco": racchiudere l'immagine in un <div>, che avrà come sfondo un'altra immagine:

[HTML]<div id="sfondo">
<img src="immagine.jpg">
</div>[/HTML]

E nel CSS:

[HTML]#sfondo {
background:url(immagine2.jpg) no-repeat;
}
#sfondo img {
transition: opacity 1s ease;
}
img:hover {
opacity:0;
}[/HTML]

Demo jsfiddle.net/gionaf/rsgWV/

Grazie mille!

Oltre a queste utili ed essenziali info, ti consiglio di non provare online, ma solo offline inizialmente, con software come XAMPP o EasyPHP, che sono server locali che ti permettono di creare il sito allo stesso modo di come fosse online, con la possibilità di introdurre anche ulteriori moduli al server.

Ciao e benvenuto nel Forum GT.