动态插入图像到JavaScript幻灯片

本文关键字:JavaScript 幻灯片 图像 插入 动态 | 更新日期: 2023-09-27 17:50:59

我正在尝试使用这个JavaScript幻灯片,但是,它不是动态的,我需要它动态。通常,我会使用ASP中继器;然而,脚本调用图像数组,如下所示:

    imagearray: [
        ['<%= ResolveUrl("~/Images/Slide/1.jpg") %>'],
        ['<%= ResolveUrl("~/Images/slide/2.jpg") %>']

我需要我的从sql数据库加载,所以我想也许:

    imagearray: [
        ['<%: getJson() %>']

然后在c#中,我试图做这样的事情:

    public string getJson()
    {
        string programId = Request.QueryString["ProgramId"];
        DataTable dt = CatalogAccess.GetProgramImages(programId);
    }

这就是我真正卡住的地方。我在想也许我可以返回我的文件名在一个数据表,然后将它们转换为对象数组?

    public string getJson()
    {
        string programId = Request.QueryString["ProgramId"];
        DataTable dt = CatalogAccess.GetProgramImages(programId);
        dt.Columns.Add("FileName", typeof(string));
        for (int i = 1; i < 10; i++)
        {
            DataRow dr = dt.NewRow();
            dr["FileName"] = "~/Images/Slide/" + i.ToString();
            dt.Rows.Add(dr);
        }
        ArrayList arrayList = new ArrayList();
        //create arraylsit from DataTable
        foreach (DataRow dr in dt.Rows)
        {
            arrayList.Add(dr["FileName"]);
        }
        return arrayList;
    }

显然,这是不工作;我都不确定我的方法是否正确。

此外,为了能够从数据库返回文件名,我需要能够添加文件路径,在c#中,以及(这就是为什么我尝试将其添加到数据ow)。然后把这些字符串放到JavaScript数组中

任何帮助,无论如何,将不胜感激;如果我偏离了轨道,请不要犹豫,告诉我正确的方向。

动态插入图像到JavaScript幻灯片

回顾一下:

看着:

Console.WriteLine (new JavaScriptSerializer().Serialize( (new ArrayList(){1,2,3,}) ));

产量:

[1,2,3] 作为字符串

所以修改代码返回

return new JavaScriptSerializer().Serialize(arrayList);
不是

 return arrayList;

然后改成:

imagearray: [
    ['<%: getJson() %>']

imagearray: <%: getJson() %>;