javascript - MVC下如何使用Lightbox

Question

我是 Lightbox2 库的忠实粉丝，过去曾使用过它，但不是在 MVC 项目中。过去我记得 Lightbox2 对它的脚本、css 和图像所在的路径很挑剔。我特别记得必须将所有内容都放在页面路径的子目录中，否则它不会工作。

在非 MVC 应用程序中，这种方法很好，但现在我发现自己在处理 MVC 应用程序，页面的 URL 可能与目录结构无关。因此，按照以下说明链接到 Lightbox2:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

显然行不通。

我尝试将绝对路径放入给我效果的 JavaScript，只是没有图像。我怀疑 JavaScript“知道”它的图像在哪里，但找不到它们。

有人在 MVC 环境中成功使用 Lightbox2 吗？也许只是成功地将 Lightbox2 部署到非子目录？

谢谢!

Answer 1

我相信 Lightbox 假定您具有如下结构:

/images
    prevlabel.gif
    nextlabel.gif
    loading.gif
    closelabel.gif
/css
    lightbox.css
lightbox.js

You can just open lightbox.js and find:

fileLoadingImage:        'images/loading.gif',     
fileBottomNavCloseImage: 'images/closelabel.gif',

并在 lightbox.css 中找到:

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

随心所欲。