@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.

Ciao a tutti.
Sto progettando un header di larghezza 1200px e di altezza 418px.
All'interno dovrei "far scorrere" con due pulsantini (frecciette) a destra e sinistra i due div di 418*418 (tipo come se si sfogliasse un catalogo), potete aiutarmi? Penso ci sia bisogno per forza di Javascript. Grazie anticipatamente a tutti.

@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!

@GionaF said:

Ciao Antonio,
si, si possono usare entrambe: ecco transition in azione (passa il mouse sopra l'immagine):
jsfiddle.net/gionaf/2zKh2/

E qua un'animazione:
jsfiddle.net/gionaf/smhgZ/

Una cosa da sapere : per animare altezza o larghezza di un'immagine devi specificare anche il valore iniziale, usando la stessa unità di misura (percentuale o pixel, non ho testato con gli em), altrimenti non funziona. Per esempio:

>img {
width:400px; /* valore iniziale in pixel, obbligatorio perché la transizione funzioni */
transition: all 3s ease;
}
img:hover **{**
width:200px; /* anche questo valore deve essere espresso in pixel */
**}**
>```

Ah, e ovviamente ci vuole un browser compatibile (Chrome, FF, Opera, Safari...)



Grazie, ma diciamo se volessi proprio sostituire l'immagine all'hover con un effetto di transizione si può fare? Perchè quello che lei mi ha proposto lo conoscevo, diciamo che vorrei capire se si può fare come ho detto. Grazie.;)

Per visualizzare una pagina in PHP, devi averlo configurato (ovviamente se lo provi in locale)

Ciao, se volessi cambiare il nome alla pagina, cambi (es. #biografia) e nel link, cambi appunti in, e la stessa cosa fai se volessi creare una pagina nuova.

Salve ragazzi, vorrei sapere se secondo voi c'è la possibilità di applicare con i css3 transition(o animation) sulle immagini (intendo cambiare l'immagine al passaggio del mouse). Io credo di no, per questo chiedo a voi, spero possiate aiutarmi

Sembra strano. Potresti scrivere codice per favore?

Ciao da quel che vedo sul sito di Armani, c'è uno slider di semplici immagini e ovviamente hanno usato javascript per fare la funzione che dicevi sopra. Quindi sono una serie di immagini affiancate, e poi con javascript le vai ad "animare"

Ciao, puoi spiegarti meglio? In che senso "rimane fisso in basso", cioè te come lo vuoi?

Salve ragazzi, dato che vorrei avvicinarmi a Joomla, vorrei sapere se avete consigli da darmi su come e cosa iniziare a studiare (contando che in edicola acquistai tempo fa un videotutorial di 9 ore circa).

Ciao, ho visitato il sito anche se per pochi minuti. Sembra proprio ricco di contenuti, quindi diciamo che vada bene cosi, potresti però cominciare ad inserire qualche elemento grafico in modo da renderlo più carino.

Ciao a tutti, finalmente mi sono iscritto a questo forum. L'avevo visto di passaggio tempo fa e avevo pensato di iscrivermi. Ed ora, eccomi qui. Spero di condividere con voi molte cose. Mi chiamo Antonio e studio Web Design.