Javascript 我的JQuery滑块的柔和淡入过渡不是'；行不通

我正在尝试使用不透明度属性以及trnsion和ease-in-out为我的滑块提供一个看起来更柔和的淡入动画，但由于某些原因，它没有按预期工作，我想让它真正柔和，而不是白色闪光灯或其他东西，滑块图像慢慢淡出并显示下一个图像。JQuery的淡入淡出太粗糙了

$（文档）.ready（函数（）{
var区间=8000；
变量滑块=$（'.sliders'）；
变量点=$（'.dot'）；
var指数=0；
var显示指数=0；
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
控制台。日志（滑块。长度）；
setInterval（函数（）{
if（show_index==（sliders.length-1））{
$（'.slider'）.eq（show_index）.removeClass（'active_slider'）；
show_index=0；//在此处设置
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
}
否则{
$（'.slider'）.eq（show_index）.removeClass（'active_slider'）；
show_index=show_index+1；//在此处设置
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
}
}，间隔）；
$（'.prev'）。单击（函数（）{
log（'clicked prev'）；
if（show_index==0）{
$（'.slider'）.eq（show_index）.removeClass（'active_slider'）；
show_index=（sliders.length-1）；//在此处设置
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
}
否则{
$（'.slider'）.eq（show_index）.removeClass（'active_slider'）；
show_index=show_index-1；//在此处设置
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
}
});
$（'.next'）。单击（函数（）{
log（'clicked next'）；
if（show_index==（sliders.length-1））{
$（'.slider'）.eq（show_index）.removeClass（'active_slider'）；
show_index=0；//在此处设置
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
}
否则{
$（'.slider'）.eq（show_index）.removeClass（'active_slider'）；
show_index=show_index+1；//在此处设置
$（'.slider'）.eq（show_index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（show_index）.addClass（'active_dot'）；
console.log（显示索引）；
}
});
$（'.slider'）。每个（函数（）{
$（'.gran\u slider\u big\u navegation\u container'）。追加（''；
});
$（'.dot'）。单击（函数（）{
index=$（this.index（）；
控制台日志（索引）；
$（'.slider'）.removeClass（'active_slider'）；
$（'.slider'）.eq（index）.addClass（'active_slider'）；
$（'.dot'）.removeClass（'active_dot'）；
$（'.dot'）.eq（index）.addClass（'active_dot'）；
show_index=索引；
});
$（函数（）{
$（窗口）.on（'scroll'，function（）{
$（'#background'）.css（'margin-top'，$（window.scrollTop（）*-.3）；
});
});
$（“.responsive_nav_header_nav_menu_toggle”）。单击（功能（e）{
e、 预防默认值（）；
$（'.responsive_nav_header_nav_link'）。toggleClass（'visible'）；
});
$（“.rest\菜单\选项\文本\类型”）。单击（功能（e）{
e、 预防默认值（）；
var menu_type=$（this.attr（“数据菜单”）；
控制台日志（菜单类型）；
$（'.rest_菜单_项_容器'）。removeClass（'visible'）；
$（'.rest_menu_item_container[data menu='+menu_type+']）.addClass（'visible'）；
});
});
.gran\u slider\u main container{宽度：100%；高度：100vh；显示：柔性；柔性方向：列；溢出：隐藏；}
.gran_滑块_大容器{宽度：100%；位置：相对；高度：90vh；溢出：隐藏；}
.prev{光标：指针；位置：绝对；左：20px；过渡：所有1000ms缓和；不透明度：0；z索引：999999999999999999999；顶部：50%；变换：translateY（-50%）；字体大小：20px；颜色：rgba（255255255,0.8）；}
.next{光标：指针；位置：绝对；右：20px；过渡：所有1000ms缓和；不透明度：0；z索引：999999999999999999999；顶部：50%；变换：translateY（-50%）；字体大小：20px；颜色：rgba（255255255,0.8）；}
.gran_滑块_big_navegation_容器{宽度：自动；高度：30px；显示：灵活；对齐项目：中心；位置：绝对；底部：25px；右侧：50px；z索引：99999999999999999999；}
.dot{宽度：15px；高度：15px；背景色：rgba（0,0,0,0.7）；过渡：所有2000ms缓和；边距：0px 6px；边框半径：50%；光标：指针；}
.gran_slider_big_container:hover.prev{opacity:1；}
.gran_slider_big_container:hover.next{opacity:1；}
.gran\u滑块\u大\u项目\u容器{显示：无；不透明度：0；过渡：不透明度1s缓进缓出；宽度：100%；高度：100%；位置：相对；溢出：隐藏；}
.gran_滑块_大_项目_渐变_覆盖{宽度：100%；高度：100%；z索引：3；背景色：rgba（0,0,0.4）；位置：绝对；顶部：0px；左侧：0px；}
.gran_slider_big_item_image{宽度：100%；高度：100%；z索引：2；背景大小：cover；}
.gran_滑块_大_项目_文本_容器{宽度：55%；高度：自动；显示：柔性；柔性方向：列；填充：10px；}
.gran_slider_big_item_text_title{font size:45px；color:white；font-weight:400；页边距底部：30px；文本阴影：5px 5px 10px rgba（0,0,0,1.0）；}
.gran_slider_big_item_text_description{字体大小：30px；颜色：白色；字体重量：400页边距底部：30px；文本阴影：5px 5px 10px rgba（0,0,0,1.0）；}
.gran_滑块_小型容器{宽度：100%；高度：10vh；