Asp.net mvc 用于在ASP.NET MVC中显示图像图标的jQuery Lightbox插件

我在“Content/Images/lightbox

中有我的lightbox的load、previous/next/close按钮，但不太确定如何将jquery.lightbox-0.5.min.js指向这些文件。看起来，无论我键入什么来尝试指向lightbox脚本文件中的位置，当我将鼠标悬停在断开的图像链接上时，它最终都是

http://locahost:8080/Home/Project/../Content/Images/Lightbox/lightbox-btn-close.gif`

这就是我进入lightbox脚本文件并将位置更改为 ../Content/Images/Lightbox/Lightbox-btn-close.gif，它与javascript文件相关（位于

Scripts/jquery.Lightbox-0.5.min.js

）

---

似乎它只是添加到我所在页面的当前位置，

。/

没有任何值，因为它只是在当前URL的末尾添加了一个文本字符串。如何解决此问题？

如果您的上一个/下一个/等按钮位于“/Content/Images/Lightbox”文件夹中，则正确的设置是（在文件“jquery.Lightbox-0.5.js”中）：

该路径不是相对于lightbox的脚本文件（jquery.lightbox-0.5.min.js）的，而是相对于根应用程序路径的。使用“/”而不是“../etc.”。以“/”开头的路径指的是根目录，以“/”开头的路径向后移动一个目录并从那里开始

您可能不想在主lightbox的脚本文件中更改它，然后在视图文件中设置选项：

 $(function () {
    $('#gallery a').lightBox({

        imageLoading: '/Content/images/Lightbox/lightbox-ico-loading.gif',
        imageBtnClose: '/Content/images/Lightbox/lightbox-btn-close.gif',
        imageBtnPrev: '/Content/images/Lightbox/lightbox-btn-prev.gif',
        imageBtnNext: '/Content/images/Lightbox/lightbox-btn-next.gif',  
    });
});

---

如果按钮图像是动态的，您可以使用UrlHelper在veiw文件中创建路径，例如，

imageLoading:“@Url.Content（~/Content/images/Lightbox/Lightbox ico-load.gif”），

如果您的上一个/next/etc.按钮位于“/Content/images/Lightbox”文件夹中，则正确的设置是（在文件“jquery.Lightbox-0.5.js”中）：

该路径不是相对于lightbox的脚本文件（jquery.lightbox-0.5.min.js）的，而是相对于根应用程序路径的。使用“/”而不是“../etc.”。以“/”开头的路径指的是根目录，以“/”开头的路径向后移动一个目录并从那里开始

您可能不想在主lightbox的脚本文件中更改它，然后在视图文件中设置选项：

 $(function () {
    $('#gallery a').lightBox({

        imageLoading: '/Content/images/Lightbox/lightbox-ico-loading.gif',
        imageBtnClose: '/Content/images/Lightbox/lightbox-btn-close.gif',
        imageBtnPrev: '/Content/images/Lightbox/lightbox-btn-prev.gif',
        imageBtnNext: '/Content/images/Lightbox/lightbox-btn-next.gif',  
    });
});

---

如果按钮图像是动态的，您可以使用UrlHelper在veiw文件中创建路径，例如，

imageLoading:“@Url.Content（“~/Content/images/Lightbox/Lightbox ico load.gif”），

通常我会使用@Url.Content（“~/Content/images/Lightbox/Lightbox btn close.gif”）但不太确定如何将此razor语法添加到javascript文件中。通常我会使用@Url.Content（“~/Content/Images/Lightbox/Lightbox btn close.gif”），但不太确定如何将此razor语法添加到javascript文件中。谢谢。。。我发誓我试过“/Content/images/Lightbox/Lightbox ico loading.gif”，但没有成功。。。但现在是这样谢谢你谢谢你。。。我发誓我试过“/Content/images/Lightbox/Lightbox ico loading.gif”，但没有成功。。。但现在确实如此，谢谢你。