problemi css gallery

[Funkmayer]

Ciao ragazzi,
lurkando questo splendido forum ho trovato

quest'efficacissima gallery
solo che vorrei modificarla un po per cui potreste gentilmente indicarmi il modo per:
1)far si che all'apertura della pagina venga visualizzata l'immagine della prima thumb e non lo sfondo "views of london"
2)le immagini grandi puntino ad un'altra pagina

Vi ringrazio infinitamente per l'aiuto

[fcaldera]

1)
il codice della thumbnail contiene quella dell'ingrandimento

<a class="gallery slidef" href="#nogo">

[img]london/pic7.jpg[/img]

<span>
</span>

dovrebbe essere sufficiente dare display: block all'[i] dell'immagine che ti interessa avere come default


2) considerando che l'ingrandimento si trova già dentro un link (e che non si possono annidare link)
se vuoi rendere cliccabile l'ingrandimento puoi usare solo javascript attraverso l'evento onclick

[Funkmayer]

Ma display:block non è un elemento del css? Come posso fare per inserirlo all'interno dell'xtml?
Ti prego non mi fustigare a causa della mia ignoranza, sto cercando di studiare le vostre guide ma ho veramente poco tempo da dedicarci e mi è sorta la necessità di avere questa gallery in tempi brevi!

Per quanto riguarda il problema sub 2) pensavo si potesse fare senza coinvolgere javascript, ad esempio qui l'hanno utilizzato? (mi pare che le galleries in questione siano simili.

Ti ringrazio ancora per l'aiuto!

[fcaldera]

scegli una foto e una descrizione da cui vuoi partire

per ciascun link (<a>)
la foto è contenuta nell'elemento [i]
la descrizione nello <span>

all'elemento genitore <a> che scegli tu, assegnerai un id (ad es. 'a_default') e gli applicherai le stese regole css che valgono quando clicchi/hoveri sopra la foto ovvero

/* styling for TOP gallery */
#container_top a#a_default {border:1px solid #000;}

#container_bottom a#a_default span {
     display:block; 
     position:absolute;
     width:402px; height:50px; top:-45px; left:5px; 
     padding:5px; font-style:italic; color:#fff;  z-index:100;}

#container_top a#a_default em {
     display:block; position:absolute; 
     width:402px; height:250px; top:160px; left:5px; 
     padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

Ciao