sto realizzando il sito dell'azienda per la quale lavoro, ma ho un problema con lo slider anythingslider: devo inserire uno slideshow di una quarantina di immagini, ma come si può vedere dal link una volta inserite non riesco a scorrerle, lo scorrimento si blocca. Provando il sito in locale in realtà le cose vanno un po' meglio e si riesce a scorrere fino alla 12-13esima immagine, mentre online personalmente il blocco lo sperimento già alla prima immagine.
Le singole immagini hanno un peso variabile tra il 65 e i 270 kb, ma non riesco a capire se il problema stia nel peso o da qualche altra parte.
Allego il codice della slide

codice:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
    <script src="menu.js" type="text/javascript"></script>
    <script src="js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
      
      function formatText(index, panel) 
      {
		    return index + "";
	    }
      
      $(function () 
      {
        $('.anythingSlider').anythingSlider(
        {
          easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
          autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.
          delay: 300 ,                    // How long between slide transitions in AutoPlay mode
          startStopped: false,            // If autoPlay is on, this can force it to start stopped
          animationTime: 600,             // How long the slide transition takes
          hashTags: true,                 // Should links change the hashtag in the URL?
          buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
      		pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover
      		startText: "Go",                // Start text
          stopText: "Stop",               // Stop text
          navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
        });
        
        $("#slide-jump").click(function()
        {
          $('.anythingSlider').anythingSlider(6);
        });
            
      });
    
    </script>

codice:
<div align="center" style="width:650px; float:right; " class="testo">           
  <div  class="anythingSlider">
    <div class="wrapper">
      <ul>  [*]
          <div id="quoteSlide">
            [img]slide/showroom/100.jpg[/img]
          </div>
        [*]
          <div id="quoteSlide">
            [img]slide/showroom/101.jpg[/img]
          </div>
        [*]
          <div id="quoteSlide">
            [img]slide/showroom/102.jpg[/img]
          </div>
        [*]
          <div id="quoteSlide">
            [img]slide/showroom/103.jpg[/img]
          </div>
        [/list]
    </div>
  </div> 
</div>
(chiaramente ho tagliato il codice alla quarta immagine, ma si ripete per tutti i quaranta file).
Qualcuno mi sa dire dove sbaglio?