母版页中的灯箱问题

Question

我在网站上使用带有母版页的 LightBox v2.0.4，但出现 loading.gif 和 closelabel.gif 图像时出现问题。 在 lightbox.js 中，每当我运行程序时，它都会在这一行出错

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

但是，如果在不使用母版页的情况下运行上述应用程序，则一切正常，没有问题。 每当我们使用母版页实现时，我们都会收到一个 javascript 错误。 有没有人遇到过这种类型的错误？你是怎么解决的？

任何帮助都会很棒。

Answer 1

实际的错误是什么？没有它，我们无能为力。

作为第一步，使用 Firebug 或类似工具调试您的页面 - 例如，这将显示指定的图像路径是否无效（您将在网络控制台中得到 404）。

Answer 2

肯定是路径问题。

使用母版页的页面是否与可用的目录不同？

这对我有用。由于 javascript 是在后面的代码中生成的，因此可以使用波浪符号来解析正确的路径。

检查http://www.zedesigns.com/Showroom.aspx 以查看它的实际效果。

 protected void InsertLightbox()
    {
        if (!Page.ClientScript.IsClientScriptIncludeRegistered("jquery-latest.pack.js"))
            Page.ClientScript.RegisterClientScriptInclude("jquery-latest.pack.js", "http://code.jquery.com/jquery-latest.pack.js");

        if (!Page.ClientScript.IsClientScriptIncludeRegistered("jquery.lightbox.js"))
            Page.ClientScript.RegisterClientScriptInclude("jquery.lightbox.js", System.Web.VirtualPathUtility.ToAbsolute("~/js/jquery.lightbox.js"));

        if (!Page.ClientScript.IsClientScriptBlockRegistered("lightbox"))
        {
            System.Text.StringBuilder sb = new System.Text.StringBuilder();
            sb.AppendLine("$(document).ready(function(){");
            sb.AppendFormat("$('.lightbox').lightbox( {{fileLoadingImage:'{0}',fileBottomNavCloseImage:'{1}',fitToScreen:true}} );", Page.ResolveClientUrl("~/images/lightbox/loading.gif"), Page.ResolveClientUrl("~/images/lightbox/closelabel.gif"));
            sb.AppendLine("});");
            Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "lightbox", sb.ToString(), true);
        }

        Helpers.Page.AddStyleSheet(this, "~/styles/lightbox.css", "screen");
    }