Utenti!
Dovrei modificare questo script, praticamente è uan sorta di jcarousel, con effetto di opacità quando il mouse è sopra ogni singolo box.

Il problema è che lo scroller va sempre all'infinito, è invece vorrei o limitatorlo al numero di elementi definiti nella variabile $num oppure permettere il funzionamento dell'overlay all'infinito.

Ecco qui il codice
codice:
$num = mysql_num_rows($query);

<div id="scroller">
//Dentro un ciclo while ho:
          $vetrina = "ciò che devo stampare!!!";
</div>

<script>
  function imgTrans(){
    $(".box").mouseenter(function(){$(this).children("img").fadeTo('fast',0.3);})
    .mouseleave(function(){$(this).children("img").fadeTo('fast',1);});
  }
  imgTrans();
  
  var left = 0;
  var right = <?php echo $num*1.7; ?>;
  $("#scroll-left").click(function(){
    if(left > 0){
      $("#scroller").animate({"left":"+=3%"}, "slow");
      left = left - 1;
      right = right + 1;
    }
  });
  $("#scroll-right").click(function(){
    if(right > 0){
      $("#scroller").animate({"left":"-=3%"}, "slow");
      right = right - 1;
      left = left + 1;
      var testo = $("#scroller").html() + "<?php echo addslashes($vetrina); ?>";
      $("#scroller").html(testo);
      imgTrans();
    }
  });
  
</script>
Grazie!