Newsgroup: it.comp.www.html
Titolo: Galleria di immagini con CSS

Salve,
Piuttosto che fare una tabella di x righe ed x colonne si puņ allestire una
galleria di immagini tramite css?
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 una galleria di immagini tramite css?
Si`.
Bye.


 
Quale č il secondo indizio???


 Quale è il secondo indizio???
Float.
:)
Bye.


 Newsgroup robomoderato - gli articoli vengono approvati automaticamente
Immagino che per il terzo e risolutivo debba penare...
Non esiste qualche esempio che possa vedere?


 qualche esempio che possa vedere?
Diciamo che avresti potuto porre meglio la domanda iniziale. ;)
Comunque ci sono diversi modi per avere una galleria fotografica. Dipende 
da come la vuoi impaginare, se ci vuoi applicare del javascript per 
spostartici all'interno, se e` paginata o meno, ecc.
In generare io farei cosi`:
<ul class="gallery">
 <li>
  <img src="immagine.jpg" width="250">
  <span>Descrizione</span>
 </li>
 <li>
  ...
 </li>
 ...
</ul>
E nei css:
ul.gallery {
 width: 600px;
}
 ul.gallery li {
  display: block;
  width: 250px;
  float: left;
  padding: 25px;
 }
 ul.gallery li span {
  width: 250px;
  display: block;
 }
Poi va adattato alle esigenze, naturalmente.



Bye.
-- 
d.


 Comunque ci sono diversi modi per avere una galleria fotografica.
e cosi com'è?
(postato tempo fa ma nessuno mi ha risposto):
http://www.slalomskating.com/index.php?page=gallery/gallery
-- 
Ciao!
Andrew McBlues
msn: mcblues78 at 
people.it


 
http://www.slalomskating.com/index.php?page=gallery/gallery
Mi "attacco" qui per fare anch'io una domanda sulle gallerie con css. 
L'effetto che voglio ottenere è molto simile a quello che si vede nel 
link postato da Andrew, qui sopra. Però noto che lo scorrimento della 
barra orizzontale delle thumbnails non è molto agevole, perché quando 
voglio avanzare (o retrocedere) premendo le freccette, devo aspettare 
che mi carichi una nuova pagina.
Io vorrei creare una barra orizzontale in cui ci sia un overflow a 
scorrimento orizzontale, in cui posso mettere molte thumbnail, tutte in 
fila, che posso scorrere agevolemente da destra a sinistra.
Il fatto è che, purtroppo, le thumbnnail mi vanno "a capo": creano due 
file, non solo una, come io vorrei.
Le ho fatte stare allineate grazie a "float:left".
Ho provato a creare un effetto simile con una barra verticale, messa 
lateralmente: in quel caso le thumbnail stanno messe come io mi aspetto, 
su un'unica colonna, e si può scorrere la barra su e giù.
Però a me piacerebbe di più una barra orizzontale. Spero sia possibile 
realizzarla, con un vostro consiglio! ^_^
Spero di essermi spiegata bene... Intanto grazie a chi mi risponde.


 realizzarla, con un vostro consiglio! ^_^
L'alternativa e` usare Javascript per caricare al volo le thumbnail via 
AJAX. Trovi diversi esempi in giro.
Bye.


 maggiore, pari alla somma delle width di tutte le foto. [...]
Grazie! Ho messo il contenitore grande dentro quello piccolo: funziona 
alla grande! Era proprio quello che mi ci voleva, ma non ci sarei mai 
arrivata da sola. Grazie ancora, davvero.


02/07/08 18:16Fiorelisa[IND][ART]

Mi faresti vedere cos'hai realizzato e come?
grazie


 Mi faresti vedere cos'hai realizzato e come?
Volentieri, ma non ho ancora messo on-line il lavoro. Ci vorrà ancora un 
po' di tempo prima che riesca a finirlo. Comunque, non appena sarà 
on-line, ti avviserò!
