salve ragazzi ho trovato uno scroller orizzontale in jquery e ho cercato di adattarlo alle mie esigenze,ma sia nello scorrere le notizie a destra , sia sinistra se effettuo col mouse il click in modo continuo,non si ferma,ma va avanti...mentre se per ogni click attendendo un instante arrivo alla fine delle news e si ferma regolarmente
questo è lo scroller:
codice:
<div id="mainBox">
[img]images/arrow-left.png[/img] //corrispondono alle frecce destra e sinistra
[img]images/arrow-right.png[/img]
<div id="newsBoxCont">
<ul id="newsBox">
<li class="singleNews">
<h2>Eventi in programmazione</h2>
Iscriviti ai prossimi eventi
</p>
<li class="singleNews">
<h2>Importante successo</h2>
I due appuntamenti
</p>
<li class="singleNews">
<h2>Eventi in programmazione</h2>
Iscriviti ai prossimi eventi
</p>
<li class="singleNews">
<h2>Importante successo</h2>
I due appuntamenti
</p>
[/list]
</div>
</div>
mentre questo è lo script:
codice:
<script type="text/javascript">
$(document).ready(function(){
var nListElem= $('#newsBox').find('li').length;
var boxSize = 211;
$("#newsBox").width(boxSize*nListElem);
$('img.left').click(function(){
if (parseInt($("#newsBox").css('left'))<0){
$("#newsBox").animate({"left": "+=211px"}, "slow");
}
});
$('img.right').click(function(){
if ( parseInt($("#newsBox").css('left')) - 631 - 211 > boxSize*nListElem*-1 ){
$("#newsBox").animate({"left": "-=211px"}, "slow");
}
});
});
</script>
saluti