如何将外部js文件添加到我的布局页面

Question

我正在将外部js文件调用到我的index.cshtml文件中，以在首页中显示滑块，但是在首页中显示了3个大图像，这说明它们可以平滑滑动。

这是一个mvc框架项目。

@Scripts.Render("~/bundles/jquery")
<script src="@Url.Content("../Scripts/jquery.min.js")"></script>
<script src="@Url.Content("../Scripts/bootstrap.min.js")"></script>
<script src="@Url.Content("../Scripts/slick.min.js")"></script>
<script src="@Url.Content("../Scripts/nouislider.min.js")"></script>
<script src="@Url.Content("../Scripts/jquery.zoom.min.js")"></script>
<script src="@Url.Content("js/main.js")"></script>
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
<!-- jQuery Plugins -->

我希望三张图片会逐张移动幻灯片不会发生幻灯片显示三张大图片，而且它们不会移动