Javascript 左侧图像幻灯片不工作

单击图像滑块的右箭头时，我想将图像向左滑动。我无法应用幻灯片左侧动画。单击右箭头时，当前图像隐藏，下一个图像显示，但幻灯片动画未显示

$（'#图像内容img:first'）.addClass（'active'）；
//单击右箭头显示下一步
currentIndex=$（'#图像内容img'）。索引（this）+1；
$（'.right arrow'）。在（'click'，function（）上{
if（$（'#image content img.active'）.index（）<（$（'#image content img'）.length-1））{
currentIndex++；
$（'#image content img.active'）。动画（{width:'toggle'}）。removeClass（'active'）。下一步（'#image content img'）。addClass（'active'）；
}
否则{
currentIndex=1；
$（“#图像内容img”）.removeClass（“活动”）；
$（'#图像内容img'）.eq（currentIndex-1）.addClass（'active'）；
}
});
//单击左箭头显示上一个图像
$（'.left arrow'）。在（'click'，function（）上{
if（$（'#image content img.active'）.index（）>0）{
当前索引--；
$（'#image content img.active'）.removeClass（'active'）.prev（'#image content img'）.addClass（'active'）；
}否则{
currentIndex=$（'#图像内容img'）。长度；
$（“#图像内容img”）.removeClass（“活动”）；
$（'#图像内容img'）.eq（currentIndex-1）.addClass（'active'））
}
});
#图像内容{
高度：400px；
宽度：100%；
}
#图像内容img{
位置：绝对位置；
高度：自动；
宽度：自动；
最大高度：380px；
最大宽度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
显示：无
}
#图像内容img.active{
显示：块
}
css似乎起作用了，我认为youor js有问题


$（'#图像内容img:first'）.addClass（'active'）；
//单击右箭头显示下一步
currentIndex=$（'#图像内容img'）。索引（this）+1；
$（'.right arrow'）。在（'click'，function（）上{
if（$（'#image content img.active'）.index（）<（$（'#image content img'）.length-1））{
currentIndex++；
$（'#image content img.active'）。动画（{width:'toggle'}）。removeClass（'active'）。下一步（'#image content img'）。addClass（'active'）；
}
否则{
currentIndex=1；
$（“#图像内容img”）.removeClass（“活动”）；
$（'#图像内容img'）.eq（currentIndex-1）.addClass（'active'）；
}
});
//单击左箭头显示上一个图像
$（'.left arrow'）。在（'click'，function（）上{
if（$（'#image content img.active'）.index（）>0）{
当前索引--；
$（'#image content img.active'）.removeClass（'active'）.prev（'#image content img'）.addClass（'active'）；
}否则{
currentIndex=$（'#图像内容img'）。长度；
$（“#图像内容img”）.removeClass（“活动”）；
$（'#图像内容img'）.eq（currentIndex-1）.addClass（'active'））
}
});
#图像内容{
高度：400px；
宽度：100%；
}
#图像内容img{
位置：绝对位置；
高度：自动；
宽度：自动；
最大高度：380px；
最大宽度：100%；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
显示：无；
过渡：1s；
}
#图像内容img.active{
显示：块；
}
还有另一种方法。使用引导：


div#myCarousel，div#myCarousel>div.carousel-inner，div#myCarousel>div.carousel-inner>div.item{
/*用于编辑div的选择器*/
}
div#myCarousel>div.carousel-inner>div.item>img{
/*用于编辑图像的选择器*/
}

引导示例
旋转木马示例



我已将您的代码完全复制到我的代码中，但没有起作用，因为我没有修改您的所有代码，只是在css上添加了转换，但您的js上有问题。顺便说一句，滑块只能使用css来完成，因此在上面使用javascript是无用的。。有一个例子（触摸顶部的小球，它会改变），你甚至可以添加箭头，或者我知道我的代码有问题，这就是为什么我问这个问题，所以如果你纠正这个问题，你的问题似乎只是图像在箭头上方，所以，有时你点击图像而不是点击箭头。PD：我也删除了沙发图片，因为你没有重新缩放它，这也导致了问题。不工作，它不会在点击下一个箭头后向左滑动。哪种情况对你不起作用？智能手机？一些浏览器？谷歌Chrome我也在用我自己，正在工作。你能更新你的谷歌浏览器并尝试其他浏览器吗？