"); $('#wrap-block-carousel').append(""); timer = setInterval("nextSlider()",5000); } //padding right tra item //lunghezza contenitore total_width = (item_width + item_pad ) * count_item + item_offset; $('#block-carousel').css('width',total_width ); $('li.jcarousel-item').each(function(){ $(this).css('margin-right',item_pad + 'px'); }) //posizione partenza $('li.jcarousel-item').first().css('margin-left',item_offset); //evento click su bottone next $('.jcarousel-next-horizontal').live('click', function(){ if(resetPosition){ $('.jcarousel-next-horizontal').css('display','block'); $('.jcarousel-prev-horizontal').css('display', 'none'); resetPosition = false; $('#block-carousel').animate({ marginLeft:0 }) }else{ $('.jcarousel-next-horizontal').css('display','block'); $('.jcarousel-prev-horizontal').css('display', 'block'); var getPosition = $('#block-carousel').css('margin-left'); var posizione = getPosition.substr(0, getPosition.length-2); var new_position = getPosition.substr(0, getPosition.length-2); $('#block-carousel').animate({ marginLeft: parseInt(new_position)-spostamento },function(){ posizione = parseInt(total_width) + parseInt(posizione) + parseInt(new_position)-spostamento; if(new_position == restart_postion){ resetPosition = true; $('.jcarousel-next-horizontal').css('display','none'); $('.jcarousel-prev-horizontal').css('display', 'block'); } }) } clearInterval(timer); timer = setInterval("nextSlider()",5000); }) //evento click bottone prev $('.jcarousel-prev-horizontal').live('click', function(){ var getPosition = $('#block-carousel').css('margin-left'); var new_position = getPosition.substr(0, getPosition.length-2); posizione = total_width + parseInt( new_position); $('#block-carousel').animate({ marginLeft: parseInt(new_position)+spostamento },function(){ if(parseInt(new_position) == (item_width + item_pad )* -1){ $('.jcarousel-next-horizontal').css('display','block'); $('.jcarousel-prev-horizontal').css('display','none'); } }) clearInterval(timer); timer = setInterval("nextSlider()",5000); }) }) function nextSlider(){ $('.jcarousel-next-horizontal').click(); }