Aiuto per una galleria foto

[Stan]

Ciao ragazzi, non ho mai usato le librerie js che vanno tanto di moda per cui chiederò una banalità ma non so da dove cominciare.

Ho un header, orizzontale, sotto ho tante foto affiancate una dopo l'altra, forse in iframe, o forse in un div "mascherato", nel caso dovreste aiutarmi a fare anche quello. A sx e dx delle foto due frecce gif che cambino le foto. Non credo sia importante fare uno slide o cambiare tutte le foto insieme...nel secondo caso potrei anche farlo in js da solo...ma se c'è una soluzione migliore ben venga.

Cliccando la foto dovrebbe succedere quello che accade qui (scusate per la banalità del link, ma è il primo che mi viene in mente) http://www.nintendarea.it/2008/02/12...=782&nggpage=2

(cliccate la foto in galleria).

Ovvero sfondo coperto, e immagine in primo piano (non mi serve la didascalia uno di uno, e fullsize).

C'è un modo molto pratico per farlo?

[cavicchiandrea]

Prova a vedere qui

[Stan]

Sto scaricando, mo provo, grazie

[Stan]

Mi pare di capire che mi devo appoggiare ad un'altra piattaforma?

[cavicchiandrea]

Originariamente inviato da Stan
Mi pare di capire che mi devo appoggiare ad un'altra piattaforma?

Da cosa l' hai capito? E cosa intendi per piattaforma?

[Stan]

Shadowbox must be initialized before it can be used. To initialize the Shadowbox environment, call Shadowbox.init() as soon as the DOM loads. For example, if I were using the YUI library, I would do the following:

<script type="text/javascript">

YAHOO.util.Event.onDOMReady(Shadowbox.init);

</script>


Ho provato a fare da solo, mi dice oggetto inesistente

Shadowbox.init()

[cavicchiandrea]

Originariamente inviato da Stan
Shadowbox must be initialized before it can be used. To initialize the Shadowbox environment, call Shadowbox.init() as soon as the DOM loads. For example, if I were using the YUI library, I would do the following:

<script type="text/javascript">

YAHOO.util.Event.onDOMReady(Shadowbox.init);

</script>


Ho provato a fare da solo, mi dice oggetto inesistente

Shadowbox.init()

Io personalmente non conosco questi script, l'unica cosa che posso dirti è che sono abbastanza complessi pertanto si deve conoscere il javascript vedi se questo è più semplice http://www.dynamicdrive.com/dynamici...box2/index.htm

[Stan]

Sono appena riuscito a farlo funzionare.
Ho guardato il codice in uno degli esempi, certo che come documentazione fa abbastanza pena

Ora però ho un problema, quando mi si apre l'immagine grande mi si posizione a tot pixel dal "top", solo che siccome la pagina è scrollata per metà, la foto viene caricata in alto fuori dall'area visibile...Dovrei andare ad intervenire... e dirgli di piazzarsi al centro dell'area visibile....

Ok, pensandoci negli esempi funziona giusto...

Il nuovo esempio mi pare molto più snello, uso quello mi sa.

Riedit: anzi no, è uguale, ha sempre bisogno di altri script ^^

[Stan]

EDIT: Come non detto, ho risolto mettendo href="x" invece di ""


Ok, ho usato il secondo sistema, e quasi funziona, solo che si è creato un nuovo problema

        <tr>
          <td width="30" align="center">[url="javascript:sx()"]&laquo;[/url]</td>
          <td>
            [url=""][img][/img][/url]
            [url=""][img][/img][/url]
            [url=""][img][/img][/url]
            [url=""][img][/img][/url]         
          </td>
          <td width="30" align="center">[url="javascript:dx()"]&raquo;[/url]</td>
         </tr> 

Praticamente una volta inseriti i js per ottenere la galleria basta impostare rel="nome" come parametro del link

Su href ci va il link su src ci va l'immagine.
Metto href e src sull'html e funziona sia FF che IE

Uso questa funzione Js (perchè poi quelle foto le devo far scorrere)

window.onload=function(){

    for (i=0;i<4;i++){
        document.getElementById("foto"+i).src = pathmini+ArrFoto[indicef];
        document.getElementById("link"+i).href = pathbig+ArrFoto[indicef];        
        indicef++
    }
} 

E su IE funziona mentre su FF no ho provato anche a ripassargli il rel

document.getElementById("link"+i).rel="lightbox[AI2008]";

Ma non va