Ciao Xinod,
piacere di risentirti,
ho cambiato il codice come mi hai detto, le frecce si vedono entrambi come volevo, ma purtroppo,
la slide non si muove ne a sx ne a dx, ti posto nuovamente il codice, forse ho sbagliato qualcosa!
************************************************** ************************
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 560;
var slides = $('.slide');
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$('#slidesContainer').css('overflow', 'hidden');
// Wrap all .slides with #slideInner div
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'left',
'width' : slideWidth
});
// Set #slideInner width equal to total width of all slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$('.control')
.bind('click', function(){
// xinod soluzione
currentPosition = ($(this).attr('id')=='rightControl') ?
((currentPosition==numberOfSlides-1)?0:currentPosition+1) :
((currentPosition==0)?numberOfSlides:currentPositi on-1);
// Move slideInner using margin-left
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
});
</script>