<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 = 850; var slides = $('.slide'); var numberOfSlides = slides.length; $('#slidesContainer').css('overflow', 'hidden'); slides .wrapAll('<div id="slideInner"></div>') .css({ 'float' : 'right', 'width' : slideWidth }); $('#slideInner').css('width', slideWidth * numberOfSlides); $('#slideshow') .prepend('<span class="control" id="leftControl">Kliknięcie przesunie w lewo</span>') .append('<span class="control" id="rightControl">Kliknięcie przesunie w prawo</span>'); manageControls(currentPosition); $('.control') .bind('click', function(){ currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; manageControls(currentPosition); $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); function manageControls(position){ if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } }); </script>
przykład na majr.power-art.pl
Jak dodac paginacje??