1

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/../Content/Images/Lightbox/lightbox-btn-close.gif ”中有​​我的灯箱的加载、上一个/下一个/关闭按钮

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

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

4

1 回答 1

4

如果您的上一个/下一个/等。按钮位于“/Content/Images/Lightbox”文件夹中，那么正确的设置是（在文件“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 文件中创建路径，例如imageLoading: '@Url.Content("~/Content/images/Lightbox/lightbox-ico-loading.gif")',

于 2012-04-11T04:47:06.793 回答