Question

这是我第一次尝试在MVC应用程序中使用Colorbox，看起来路由正在绊倒我。在Colorbox示例代码中，图像被设置为链接。在这种情况下，幻灯片放映属性设置为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示例代码。

Answer 1

我使用以下内容工作，图片直接放在＆＃39;内容＆＃39;文件夹中。

<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>

希望有所帮助。

MVC5幻灯片 - 如何使用Colorbox或有更好的选择吗？

1 个答案: