galleria scorrevoli multiple

lucaeffe

galleria scorrevoli multiple

Sto usando per il mio sito uno script chiamato "easy slider" che mi permette di far scorrere immagini o box di immagini in senso orizzontale

[....]

<script type="text/javascript" src="JS/easySlider/easySlider/js/easySlider.packed.js"></script>
 <script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
    prevText: 'Previous Slide',
    nextText: 'Next Slide',
    orientation: 'horizontal'
                    
                        
});

});
</script>

[...]

Questa è la prima galleria a cui ho applicato lo script per un totale di cinque gallerie.
Per la prima funziona tutto in modo perfetto:

<div id="gallery">
<div id="illustraction"><img src="Nuova cartella/image/illustractio.png" width="915" height="150" /></div>

<div id="slider">
<ul>

<li>

        <a  href="JS/jquery-lightbox-0.5/photos/image1.jpg" title="Try to Get Me - stampa per tavola da surf">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image1.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image2.jpg" title="Contest 'crea il tuo natale' - Grafici creativi.it ">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image2.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image3.jpg" title="Brad Pitt - Burn after Reading">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image3.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image4.jpg" title="Prison Break">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image4.jpg" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image5.jpg" title="100 anni di storia dell'inter">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image5.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image6.jpg" title="Johnny Depp">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image6.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image7.jpg" title="Jason Schwartzman - Spun">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image7.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image8.jpg" title="The last word from this world-Vincenzo Basile">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image8.png" width="200" height="140" alt="" />
        </a>
        </li>
        
        
         <li>           <a  href="JS/jquery-lightbox-0.5/photos/image1.jpg" title="Try to Get Me - stampa per tavola da surf">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image1.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image2.jpg" title="Contest 'crea il tuo natale' - Grafici creativi.it ">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image2.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image3.jpg" title="Brad Pitt - Burn after Reading">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image3.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image4.jpg" title="Prison Break">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image4.jpg" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image5.jpg" title="100 anni di storia dell'inter">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image5.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image6.jpg" title="Johnny Depp">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image6.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image7.jpg" title="Jason Schwartzman - Spun">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image7.png" width="200" height="140" alt="" />
        </a>

        <a href="JS/jquery-lightbox-0.5/photos/image8.jpg" title="The last word from this world-Vincenzo Basile">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image8.png" width="200" height="140" alt="" />
        </a>
  
        </li>

</ul>

        </div>

I problemi iniziano dalla seconda a cui non riesco ad applicarli lo script.
Questa e la seconda galleria:

<div id="slider2">
             <ul>         
             <li>
        <a href="JS/jquery-lightbox-0.5/photos/image17.jpg" title="Vincenzo Corda HairStylist">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image17.png" width="430" height="280" alt="" /> </a>
        <img src="JS/jquery-lightbox-0.5/photos/web_comm.png" width="335" height="280" />             
        </li>
        
        
        <li>
         <a href="JS/jquery-lightbox-0.5/photos/image22.jpg" title="Polliceverde.it">
            <img src="JS/jquery-lightbox-0.5/photos/thumb_image22.png" width="430" height="280" alt="" /> </a> 
        <img src="JS/jquery-lightbox-0.5/photos/web_comm2.png" width="335" height="280" />            
         </li>
         </ul>

</div>

Come ultima soluzione venutami in mente stavo provando ad applicare diversi div allo stesso script in questo modo:

<script type="text/javascript" src="JS/easySlider/easySlider/js/easySlider.packed.js"></script>
 <script type="text/javascript">
$(document).ready(function(){
$("#slider","#slider2").easySlider({
    prevText: 'Previous Slide',
    nextText: 'Next Slide',
    orientation: 'horizontal'
                    
                        
});

});
</script>

Non funziona!
mi chiedo se ci sia una soluzione che mi sfugge....
(La seconda galleria se fatta rientrare nella prima funziona perfettamente!)
Spero che il problema sia chiaro,
ciao a tutti!
;=)