.wrapAll('') // Float left to display horizontally, readjust .slides width .css({ 'float' : 'right', 'width' : slideWidth }); // Set #slideInner width equal to total width of all slides $('#slideInner').css('width', slideWidth * numberOfSlides); // Insert controls in the DOM $('#slideshow') .prepend('Clicking moves left') .append('Clicking moves right'); // Hide left arrow control on first load manageControls(currentPosition); // Create event listeners for .controls clicks $('.control') .bind('click', function(){ // Determine new position currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1; // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition) }); }); // manageControls: Hides and Shows controls depending on currentPosition function manageControls(position){ // Hide left arrow if position is first slide if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() } // Hide right arrow if position is last slide if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() } } });

[align=center][font=Garamond][size=16][url=https://aboutdifferentstories.rolka.me]Vampire Knight: Threads of the fate[/url]
[/size][/font][/align]
[align=center][url=https://aboutdifferentstories.rolka.me][img]http://funkyimg.com/u2/1734/779/481339_gif.gif[/img][/url]
[size=16][font=Garamond][url=https://aboutdifferentstories.rolka.me/viewtopic.php?id=4]Сюжет[/url]|[url=https://aboutdifferentstories.rolka.me/viewtopic.php?id=17]Список персонажей[/url]|[url=https://aboutdifferentstories.rolka.me/viewforum.php?id=4]Акции[/url][/font][/size]
[/align]