$(document).ready(function(){ var currentPosition = 0; var slideWidth = 330; var slides = $('.slide'); var numberOfSlides = slides.length; // Remove scrollbar in JS $('#slidesContainer').css('overflow', 'hidden'); // Wrap all .slides with #slideInner div slides .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][url=https://diariesvampirelove.rolka.me/][img]http://img.pixs.ru/storage/5/8/1/Bezhihhhme_6934970_1020581.png[/img][/url]
[size=10]*кликабельно[/size][/align]

[align=right][b] - Доверие порождает доверие. Доверься, чтобы тебе доверяли (с.) The Vampire Diaries.[/b][/align]

[url=https://diariesvampirelove.rolka.me/][img]http://img.pixs.ru/storage/5/8/1/Bezhihhhme_6934970_1020581.png[/img][/url]

[align=center][url=https://diariesvampirelove.rolka.me/][img]http://i52.tinypic.com/34fcy79.png[/img][/url]
[size=10]*кликабельно[/size][/align]

[url=https://diariesvampirelove.rolka.me/][img]http://i52.tinypic.com/34fcy79.png[/img]