jQuery Lightbox插件在ASP.NET MVC中显示图像图标

问题描述：

我有我的加载，上载/图片/灯箱but am not quite sure how to point jquery.lightbox-0.5.min.js to these files. It appears that no matter what I type in to try to point to the location in the lightbox script file, when I hover over the broken image links it ends up being http：// locahost：8080/Home/Project /中的Lightbox，上一个/下一个/关闭按钮。。/ Content/Images/Lightbox/lightbox-btn-close.gif`jQuery Lightbox插件在ASP.NET MVC中显示图像图标

这是当我进入灯箱脚本文件并将位置更改为 ../Content/Images/Lightbox/lightbox-btn-close .gif相对于JavaScript文件（位于Scripts/jquery.lightbox-0.5.min.js）。

似乎它只是增加了我所在页面的当前位置，而../没有任何值，因为它只是在当前URL的末尾添加一个文字字符串。我怎样才能解决这个问题？

通常我会使用@ Url.Content（“〜/ Content/Images/Lightbox/lightbox-btn-close.gif”），但不太清楚如何将这种剃须刀语法添加到JavaScript文件中。 – 2012-04-11 00:22:45

答

如果您的上一个/下一个/等。按钮是在“/内容/图片/灯箱”文件夹，然后进行正确的设置是（在文件“jquery.lightbox-0.5.js”）：

// Configuration related to images 
imageLoading: '/Content/images/Lightbox/lightbox-ico-loading.gif', 
imageBtnPrev: '/Content/images/Lightbox/lightbox-btn-prev.gif', 
imageBtnNext: '/Content/images/Lightbox/lightbox-btn-next.gif', 
imageBtnClose: '/Content/images/Lightbox/lightbox-btn-close.gif', 
imageBlank:  '/Content/images/Lightbox/lightbox-blank.gif',

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

你可能不想改变它在主收藏”的脚本文件，在视图文件，然后设置选项：

$(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文件例如

谢谢......我发誓我尝试了'/Content/images/Lightbox/lightbox-ico-loading.gif'，但它没有奏效......但它现在确实如此谢谢你。 – 2012-04-12 22:22:30

jQuery Lightbox插件在ASP.NET MVC中显示图像图标

相关推荐