在图像滑块上显示图像 [英] Show images on image slider

问题描述

我在sql datatbase中保存图像我想检索那些图像并在jquery图像滑块中显示。

I am saving images in sql datatbase i want to retrieve that images and show in jquery image slider.

推荐答案

请参考以下链接：

asp.net中的JQuery灯箱图片幻灯片库 [ ^ ]

JQuery Image幻灯片，图片应来自数据库 [< a href =http://www.codeproject.com/Questions/586159/JQueryplusImageplusslide-2cplusWhereplusimagesplustarget =_ blanktitle =New Window> ^ ]

- Amit

Refer the links below:
JQuery lightbox image slideshow gallery in asp.net[^]
JQuery Image slide, Where images should come from database[^]

--Amit

嗨...

看到这个！ 。

在aspx中：

Hi...
See this!.
In aspx:

<asp:DataList ID="DataList1" runat="server" Height="82px"

        ItemStyle-HorizontalAlign="Center" RepeatColumns="3" Width="180px" EnableViewState="true">
<ItemStyle HorizontalAlign="Center"></ItemStyle>
        <ItemTemplate>
        <asp:Image ID="img1" ImageUrl='<%# Bind("Name", "~/Images/{0}") %>' Width="250" Height="180" runat="server" />
        <asp:HyperLink ID="HyperLink1" Text='<%# Bind("Name") %>' NavigateUrl='<%# Bind("Name", "~/Images/{0}") %>' runat="server"/>
            </ItemTemplate>
    </asp:DataList>

<asp:button id="btnpv" text="previous" runat="server" style="font-weight: 700" visible="true" width="66px" onclick="btnpv_Click" xmlns:asp="#unknown" />
       
    <asp:button id="btnx" text="Next" runat="server" style="font-weight: 700" visible="true" width="52px" onclick="btnx_Click" xmlns:asp="#unknown" />

在aspx.cs中：

In aspx.cs:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        this.ViewState["vs"] = 0;
    }
    pos = (int)this.ViewState["vs"];
    Getimg();
}

protected void Getimg()
{
    DirectoryInfo dir = new DirectoryInfo(MapPath("Images"));
    FileInfo[] files = dir.GetFiles();
    ArrayList listitems = new ArrayList();
    foreach (FileInfo info in files)
    {
        if (info.Extension == ".jpg" || info.Extension == ".jpeg" || info.Extension == ".gif" || info.Extension == ".png")
        {
            listitems.Add(info);
        }
    }
    // bind images on conditional
    adsource = new PagedDataSource();
    adsource.DataSource = listitems;
    adsource.PageSize = 3;
    adsource.AllowPaging = true;
    adsource.CurrentPageIndex = pos;
    btnx.Visible = true;
    //btnx.Enabled = !adsource.IsFirstPage;
    btnpv.Visible = true;
    btnpv.Enabled = !adsource.IsFirstPage;
    DataList1.DataSource = adsource;
    DataList1.DataBind();

    //// bind multiple images at a time
    //DataList1.DataSource = listitems;
    //DataList1.DataBind();
}

protected void btnx_Click(object sender, EventArgs e)
{
    pos = (int)this.ViewState["vs"];
    pos += 1;
    this.ViewState["vs"] = pos;
    Getimg();
}

protected void btnpv_Click(object sender, EventArgs e)
{
    pos = (int)this.ViewState["vs"];
    pos -= 1;
    this.ViewState["vs"] = pos;
    Getimg();
}

谢谢你。

Thank u.

这篇关于在图像滑块上显示图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！