- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- galleria scorrevoli multiple
-
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!
;=)