fancyBox gallery链接不会在IE里面的prettyPhoto Iframe中激活

时间:2013-08-06 19:34:54

标签: c# jquery fancybox-2 image-gallery prettyphoto

在我的DotNetNuke网站上,我创建了一个模块,该模块使用数据表来显示我的组织成员希望出售的一些项目。 ItemName列是指向名为ItemView.aspx的aspx项目的链接,此页面包含有关从父页面上的该链接或dnn模块上的ItemName列填充的项目的详细信息。这是链接:

<td><p><a href="http://www.mysite.com/traderboard/ItemView.aspx?ItemName=<%# Eval("ItemName") %>&num=<%# Eval("num") %>&ImageAlt1=<%# Eval("ImageAlt1") %>&ImageAlt2=<%# Eval("ImageAlt2") %>&ImageAlt3=<%# Eval("ImageAlt3") %>?iframe=true&amp;width=800&amp;height=600" style="border: 0px currentColor;" rel="prettyPhoto[iframes]"><%# Eval("ItemName") %></a>

一旦进入ItemView页面(在prettyPhoto Iframe中提取),如果用户决定上传任何图片,则会向他显示链接。

以下是我用于在.aspx文件中填充特定用户图片的jQuery代码段:

$("#hplImageTest").click(function () {
            $.fancybox.open([
                {
                    href: '<%=Image1%>',
                    title: 'My title'
                }, {
                    href: '<%=Image2%>',
                    title: '2nd title'
                }, {
                    href: '<%=Image3%>'
                }
            ], {
                helpers: {
                    thumbs: {
                        width: 75,
                        height: 50
                    }
                }
            });
        }); 

最后,我打电话给位于ItemView页面上的链接上的图片。

protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {

            lblRow.Text = Request.QueryString["num"];
            PostPath1 = Request.QueryString["ImageAlt1"];
            PostPath2 = Request.QueryString["ImageAlt2"];
            PostPath3 = Request.QueryString["ImageAlt3"];

            Image1 = "http://www.mysite.com/" + PostPath1;
            Image2 = "http://www.mysite.com/" + PostPath2;
            Image3 = "http://www.mysite.com/" + PostPath3;
            string empty = "../images/tbimages/noImage.jpg";

            if ((PostPath1 == empty) && (PostPath2 == empty) && (PostPath3 == empty))
            {

                hplImageTest.Text = "No Images Available";

            }
            else
            {
                hplImageTest.NavigateUrl = "javascript:;";
                hplImageTest.Text = "Click here for Image(s)";
            }
        }
    }

它适用于Firefox,Safari和Chrome,但它在IE中没有给我任何帮助。还有其他人遇到过这个问题吗?

1 个答案:

答案 0 :(得分:0)

我明白了。我的朋友告诉我,如果在iFrame中调用的页面不在同一台服务器上,IE将禁止在页面上触发链接。虽然两个页面都在同一台服务器上并且在相同的DNN安装下,但被调用的URL使用的是与父页面不同的URL。

因此,由于单个DNN安装中的所有URL都指向我服务器上的同一文件夹,我认为将URL更改为与父页面相同应该没有任何害处。

我改变了这个

Image1 = "http://www.mysite.com/" + PostPath1;
Image2 = "http://www.mysite.com/" + PostPath2;
Image3 = "http://www.mysite.com/" + PostPath3;

到此:

Image1 = "http://www.myparentsite.com/" + PostPath1;
Image2 = "http://www.myparentsite.com/" + PostPath2;
Image3 = "http://www.myparentsite.com/" + PostPath3;

IE开始工作了!我希望你们会觉得这很有用!