求图片上一张下一张换图效果

lv8206158 2010-04-06 07:15:17

本人想做一个点击上一张或下一张实现Image图片控件换显示图, 图片路径是从SQL数据库中获取出来的，各位大大帮帮忙给个代码，有JS的麻烦标示一下说明，谢谢了

...全文

5069 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

lv8206158 2010-04-07

打赏
举报

[Quote=引用 13 楼 xhddd111 的回复:]
前台
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x……
[/Quote]
虽然没有用你的代码但给了我灵感，谢谢了。

xhddd111 2010-04-06

打赏
举报

前台
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Image ID="Image1" runat="server">
</asp:Image>
<asp:Button ID="btnPrev" runat="server" Text="上一张" onclick="btnPrev_Click" />
<asp:Button ID="btnNext" runat="server" Text="下一张" onclick="btnNext_Click" />
</ContentTemplate>

</asp:UpdatePanel>
</div>
</form>
</body>
</html>

后台
public partial class _Default : System.Web.UI.Page
{

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Pic pic = new Pic(); //图片类
pic=ImgManager.GetPicById(1); ///给个默认值
Image1.ImageUrl = pic.Path; //路径给图片控件
ViewState["id"] = pic.Id; //图片id保存在ViewState中
}
}

protected void btnPrev_Click(object sender, EventArgs e)
{
Pic pic = new Pic();
pic=ImgManager.GetPrevPicById(Convert.ToInt32(ViewState["id"]); //根据当前id查找上一个图片,sql语句应该会写的吧
Image1.ImageUrl = pic.Path; //路径给图片控件
ViewState["id"] = pic.Id; //图片id保存在ViewState中
}
protected void btnNext_Click(object sender, EventArgs e)
{
Pic pic = new Pic();
pic=ImgManager.GetNextPicById(Convert.ToInt32(ViewState["id"]); //根据当前id查找下一个图片,sql语句应该会写的吧
Image1.ImageUrl = pic.Path; //路径给图片控件
ViewState["id"] = pic.Id; //图片id保存在ViewState中
}
}

代码没经过测试，应该差不多吧，看看行不行

验证码识别 2010-04-06

打赏
举报

up up

wosizy 2010-04-06

打赏
举报

jQuery实现图片上一张下一张切换功能

http://www.liehuo.net/a/201003/1214035.html

lv8206158 2010-04-06

打赏
举报

[Quote=引用 9 楼 sunmin2008 的回复:]
我只给出思路，具体方法是：
首先从数据库获取所有图片的记录，把数据库中图片字段的值循环取出，并将该图片地址赋予image控件的url，当是第一条图片记录时上一张按钮失效，点击下一张时将数据集指针指向下一条数据记录，取出图片地址赋予image控件的url，当是最后一条记录时下一张按钮失效，点击上一张时将数据集指针指向上一条数据记录，取出图片地址赋予image控件的url，如此循环读取，即可实现你所……
[/Quote]
我就是想做这个功能就是在上一张和下一张上不会做做代码

sunmin2008 2010-04-06

打赏
举报

我只给出思路，具体方法是：
首先从数据库获取所有图片的记录，把数据库中图片字段的值循环取出，并将该图片地址赋予image控件的url，当是第一条图片记录时上一张按钮失效，点击下一张时将数据集指针指向下一条数据记录，取出图片地址赋予image控件的url，当是最后一条记录时下一张按钮失效，点击上一张时将数据集指针指向上一条数据记录，取出图片地址赋予image控件的url，如此循环读取，即可实现你所说的功能了。

zhouzangood 2010-04-06

打赏
举报

我也来学习下

huangwenquan123 2010-04-06

打赏
举报

共同探讨共同探讨

lv8206158 2010-04-06

打赏
举报

[Quote=引用 5 楼 loveyan924 的回复:]
支持下，，我也想知道。。。。。。。。。。。。
[/Quote]
共同探讨

loveyan924 2010-04-06

打赏
举报

支持下，，我也想知道。。。。。。。。。。。。

pang20c 2010-04-06

打赏
举报

PagedDataSource可以吧？每次点按钮时去控制它的CurrentPageIndex不过感觉不流畅。。。我用了个easySlider

Dream_Hunter_ 2010-04-06

打赏
举报

楼主用jQuery吗?很方便
j$("#simg_slider").cycle({
fx: 'scrollLeft',
speed: 1000,
delay: 50000,
timeout: 100000,
next: '#Next',
prev: '#Prev',
prevNextClick: function(a, z, s) {
j$("#simg_PN .curcount").text(z + 1);
}
});

lv8206158 2010-04-06