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!