Question

我是编程特别是jQuery的新手。

我正在尝试使用ColorBox使用http://www.xdevsoftware.com/blog/post/Using-ColorBox-in-ASPNET.aspx中的示例显示相册中的照片。照片的详细信息将存储在数据库中并从数据库中恢复。

一切正常，就像DataList中所选专辑的照片一样，问题是当我点击一张照片时，而不是使用coloBox来显示照片，它会打开实际照片，例如本地主机：3478 / FPOS_v2 /上传/ 08012011080.JPG

以下是.aspx代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link href="ColorBox/colorbox.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" /> 
    <script src="ColorBox/jquery.colorbox.js" type="text/javascript" />

    <script type="text/javascript">
        $(document).ready(function () {
            $("a[rel='example1']").colorbox();
        });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:DataList runat="server" ID="dlColorBox" 
                    RepeatColumns="3" 
                    RepeatDirection="Horizontal">
        <ItemTemplate>
            <asp:HyperLink ID="HyperLink1" runat="server" 
                            NavigateUrl='<%# "~/uploads/"+Eval("OriginalFilePath") %>' 
                            rel="example1" 
                            Title='<%# Eval("FileName") %>'>
                    <asp:Image ID="Image1" runat="server" 
                            ImageUrl='<%# "~/uploads/"+Eval("ThumbFilePath") %>' 
                            Width="100" 
                            Height="100" 
                            BorderStyle="None" />
            </asp:HyperLink>
        </ItemTemplate>
    </asp:DataList>

    </div>
    </form>
</body>
</html>

以下是vb.net代码：

    Imports SqlHelper
Imports System.Data


Partial Class colorBoxDisplay
    Inherits System.Web.UI.Page

    Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
        DAL.connectionstring = ConfigurationManager.ConnectionStrings("fpaConnectionString").ConnectionString
    End Sub

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        BuildDataSet()
    End Sub

    Private Sub BuildDataSet()
        Dim dataset As DataSet

        dataset = SqlHelper.ExecuteDataset(DAL.connectionstring, "fpa_SP_album_view_by_id_gridview", 34)

        dlColorBox.DataSource = dataset
        dlColorBox.DataBind()
    End Sub

有人可以告诉你如何纠正这个问题？或者能够使用ColorBox在dlColorBox DataList中显示照片？

因此它会显示所选专辑中的照片，例如Grouped Photo 1示例colorpowered.com/colorbox/core/example1/index.html

我是jQuery的新手，所以请你通过改变代码来说明如何通过改变代码来完成这项工作，就像我过去3天在互联网上查看不同的例子一样。

非常感谢任何帮助：）

由于

Answer 1

检查Colorbox正在加载的javascript和css文件。并检查页面的html输出。

专辑照片没有使用jQuery在Colorbox中显示

1 个答案: