• User Attivo

    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:

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

    <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="advertising"><img src="Nuova cartella/image/WEB.png" width="900" height="150" /></div><!-- WEB TEMPLATES -->

    <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!
    ;=)