Question

我在'内容/图片/灯箱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 /中为我的灯箱加载，上一个/下一个/关闭按钮收藏夹-BTN-close.gif`

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

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

Answer 1

如果您的上一个/下一个/等。按钮位于'/ 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")',

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

1 个答案: