Problema script ripetuto

[centoiso]

Ciao a tutti, non sono un grande esperto di jscript , ho trovato questo script per gestire una photogallery:
http://javascript.html.it/demo/javas...20/esempio.htm

ma ho un problema, dato che le gallery vengono fuory da una query su un db devo mostrare più gallery nella stessa pagina ma non mi riesce, la prima si vede, le altre no.

Presumo che il problema sia nel fatto che la funzione richiama sempre lo stesso div con id uguale, ho provato a cambiarlo per ogni gallery ma non funziona, sembra che va soltanto se lo lascio com'è...

evidentemente mi sfugge qualcosa... qualcuno mi aiuta?
Grazie

[m4rko80]

Ciao, ho trovato/provato la soluizione.
Come avrai notato molte applicazioni jquery si basano sull'abbinamento id e classi css,
per avere molteplici gallery contemporanee devi quindi adattare l hmtl e css in questo modo:

aggiuungere al css:

#slider2 {
    width: 410px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
#slider2Content {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.slider2Image {
    float: left;
    position: relative;
    display: none;
}
.slider2Image span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider2Image span strong {
    font-size: 14px;
} 

per seconda gallery( 2 ,3 o quante te ne servono)

e nell html ovviamente modificare tipo:

<h1>S3 Slider 2</h1>
<div id="slider2">

        <ul id="slider2Content">
            <li class="slider2Image">
                [url=""][img]images/5.jpg[/img][/url]
                <span class="top">[b]Title text 1[/b]
Content text...</span>
            
            <li class="slider2Image">
                [url=""][img]images/6.jpg[/img][/url]
                <span class="top">[b]Title text 2[/b]
Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span>

            
            <li class="slider2Image">
                [img]images/7.jpg[/img]
                <span class="bottom">[b]Title text 2[/b]
Content text...</span>
            
            <li class="slider2Image">
                [img]images/8.jpg[/img]
                <span class="bottom">[b]Title text 2[/b]
Content text...</span>

            
            <div class="clear sliderImage"></div>[/list]
</div> 

nota dove ho messo i "2" cosi' per ogni gallery in più..
Ps se trovi una soluzione migliore dimmelo ma alemo in questo modo non si tocca il plugin e occhio che ho modificato i path images per me
Ciao.

[centoiso]

Grazie mille m4rko, certo non è bellissimo il codice che ne esce in quanto devo ciclare parecchi record e mi si moltiplicano in modo esponenziale gli stili, ma funziona, quindi è PERFETTO ;-)

[m4rko80]

E si daltronde e' fatto così il plugin..