Я изучаю письмо в jquery, и я встретил проблему с анимационным слайдером.JQuery слайдер анимация проблема
демо: https://jsfiddle.net/ywrscmpo/1/
Проблема заключается в переходе, это некрасиво и я не знаю, как это исправить. Как его решить?
$(document).ready(function(){
var lewo = $('.lewo');
var prawo = $('.prawo');
var teraz = 0;
$('.slider-box ul li ').eq(teraz).addClass('aktywny');
$(".lewo").click(function(){
$('.slider-box ul li').eq(teraz).fadeOut(1000);
$('.slider-box ul li').eq(teraz).removeClass('aktywny');
teraz = teraz - 1;
if(teraz == -1)
{
teraz = 3;
}
$('.slider-box ul li').eq(teraz).fadeIn(1000);
$(".slider-box ul li").eq(teraz).addClass('aktywny');
});
$(".prawo").click(function(){
$('.slider-box ul li').eq(teraz).fadeOut(1000);
$('.slider-box ul li').eq(teraz).removeClass('aktywny');
teraz = teraz + 1;
if(teraz == 4)
{
teraz = 0;
}
$('.slider-box ul li').eq(teraz).fadeIn(1000);
$(".slider-box ul li").eq(teraz).addClass('aktywny');
});
вместо FadeIn/Out попробовать простой показать/скрыть и добавить некоторые CSS переход на Li элемента, вы должны играть с ним. –
Хорошо, я попробую позже :) – MichaliQ