Ho messo nel mio sito due gallerie "easySlider" tutte e due dalla libreria Jquery.
Ciò che penso sia il problema è che la prima non permetta alla seconda di funzionare.
Penso questo perchè se la seconda viene isolata funziona alla perfezione.
Quella che funziona è la easyslider 1.7
HTML con tutte e due le gallerie-----------------------------------------
codice:<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <link href="PORTFOLIO2.CSS" rel="stylesheet" type="text/css" /> <script src="03/jquery.js" type="text/javascript"></script> <script src="03/main.js" type="text/javascript"></script> <script type="text/javascript" src="easyslider1.7/easyslider1.7/js/easySlider1.7.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: true }); }); </script> <script type="text/javascript" src="easyslider1.5/js/easySlider1.5.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider_gallery").easySlider({ auto: false, continuous: true }); }); </script> </head> <body> <div id="header"></div> <div id="slider_easy"> <div id="content"> <div id="slider"> <ul> [*][img]easyslider1.7/easyslider1.7/images/01.png[/img] [*][img]easyslider1.7/easyslider1.7/images/02.png[/img] [*][img]easyslider1.7/easyslider1.7/images/03.png[/img] [/list] </div> </div> </div> <div id="container"> <ul class="tool"> [*]WHO IS LUCAEFFE?[*]ABOUT[*]HOW DO I HELP YOU?[*]CONTACT[/list] <div id="content2"> <div id="slider_gallery"> <ul> [*][img]easyslider1.5/images/slider_gallery1.png[/img] [*][img]easyslider1.5/images/slider_gallery1.png[/img] [*][img]easyslider1.5/images/slider_gallery1.png[/img] [*][img]easyslider1.5/images/slider_gallery1.png[/img] [*][img]easyslider1.5/images/slider_gallery1.png[/img] [/list] </div> </div> </div> <div id="footer"></div> </body> </html>
HTML con galleria singola funzionante---------------------------------------------------
codice:<head> <title>Easy Slider jQuery Plugin Demo</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/easySlider1.5.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: false, continuous: true }); }); </script> </head> <body> <div id="content"> <div id="slider"> <ul> [*][img]images/slider_gallery1.png[/img] [*][img]images/slider_gallery1.png[/img] [*][img]images/slider_gallery1.png[/img] [*][img]images/slider_gallery1.png[/img] [*][img]images/slider_gallery1.png[/img] [/list] </div> </div> </body> </html>