Asp.net mvc 5 MVC5幻灯片-如何使用Colorbox或是否有更好的替代方案？

这是我第一次尝试在MVC应用程序中使用Colorbox，看起来路由让我大吃一惊。在Colorbox示例代码中，图像设置为链接。在这种情况下，slideshow属性设置为true，以使Colorbox可以使用指定的类在所有图像上进行迭代。幻灯片/链接如下所示：

<a class="slideshow" href="~/Content/Images/slideshow/lk_03.jpg" title="Foobar at night"></a>

当然，当我点击该链接时，会出现404错误，因为它试图导航到Content/Images/slideshow/lk_03.jpg，而不是显示图像

---

我的脚本代码和链接直接来自Colorbox示例代码。

我使用以下方法实现了它，其中图像直接放置在“内容”文件夹中

<h2>Fade Transition</h2>
<p><a class="colorbox" href="../Content/img1.jpg" title="Image 1">Grouped Photo 1</a></p>
<p><a class="colorbox" href="../Content/img2.jpg" title="Image 2"></a></p>
<p><a class="colorbox" href="../Content/img3.jpg" title="Image 3"></a></p>

<script>
    $(document).ready(function () {
        $(".colorbox").colorbox({ rel: 'colorbox', transition: "fade" });
    });
</script>

---

希望能有帮助。

谢谢吉米。我更新了脚本和链接，现在它只是在空白页上打开图像。然而，这是一个进步。我会继续做这件事并报告进展。好的，还有其他一些可能会有所帮助的事情，请确保在您使用的jquery版本脚本之后包括jquery.colorbox.js。还要确保包括示例中的colorbox.css。检查、检查并检查上述内容。仍然在新页面中以静态图像的形式打开。我将独立地构建一些东西，并尝试让它工作。如果这不起作用，我将在这里发布整个视图的代码，看看您是否能够识别该缺陷。再次感谢。