Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как сделать Слайдер (https://javascript.ru/forum/jquery/46322-kak-sdelat-slajjder.html)

pitline 05.04.2014 21:55

как сделать Слайдер
 
Не могу разобраться, нужен слайдер с 4мя вкладками, у меня есть такой же только с тремя, как его переделать под 4, в коде js искать?
jQuery(document).ready(function(){
function htmSlider(){
/* Зададим следующие переменные */

/* обертка слайдера */
var slideWrap = jQuery('.slide-wrap');
/* ссылки на предудыщий иследующий слайд */
var nextLink = jQuery('.next-slide');
var prevLink = jQuery('.prev-slide');

var playLink = jQuery('.auto');

var is_animate = false;

/* ширина слайда с отступами */
var slideWidth = jQuery('.slide-item').outerWidth();

/* смещение слайдера */
var newLeftPos = slideWrap.position().left - slideWidth;

/* Клик по ссылке на следующий слайд */
nextLink.click(function(){
if(!slideWrap.is(':animated')) {

slideWrap.animate({left: newLeftPos}, 500, function(){
slideWrap
.find('.slide-item:first')
.appendTo(slideWrap)
.parent()
.css({'left': 0});
});

}
});

/* Клик по ссылке на предыдующий слайд */
prevLink.click(function(){
if(!slideWrap.is(':animated')) {

slideWrap
.css({'left': newLeftPos})
.find('.slide-item:last')
.prependTo(slideWrap)
.parent()
.animate({left: 0}, 500);

}
});


/* Функция автоматической прокрутки слайдера */
function autoplay(){
if(!is_animate){
is_animate = true;
slideWrap.animate({left: newLeftPos}, 500, function(){
slideWrap
.find('.slide-item:first')
.appendTo(slideWrap)
.parent()
.css({'left': 0});
is_animate = false;
});
}
}

/* Клики по ссылкам старт/пауза */
playLink.click(function(){
if(playLink.hasClass('play')){
playLink.removeClass('play').addClass('pause');
jQuery('.navy').addClass('disable');
timer = setInterval(autoplay, 1000);
} else {
playLink.removeClass('pause').addClass('play');
jQuery('.navy').removeClass('disable');
clearInterval(timer);
}
});

}

/* иницилизируем функцию слайдера */
htmSlider();
});


Часовой пояс GMT +3, время: 05:59.