0

我有一个包含图像和按钮的更新面板。单击“下一个图像”按钮时，图像控件一次显示一个图像，单击“上一个图像”按钮时显示上一个图像。代码示例是这样的

protected void btnNext_Click(..)
{
    Image1.ImageUrl=getNextImageFromDatabase();
    UpdatePanel1.Update();
}
protected void btnPrevious_Click(..)
{
    Image1.ImageUrl=getPreviousImageFromDatabase();
    UpdatePanel1.Update();
}

现在我想知道的是，有什么方法可以在单击“下一个图像”时将图像或更新面板中的任何内容滑动到左侧，单击“上一个图像”时与右侧类似？有没有使用 AjaxToolKit 或 JQuery 的方法？

4

2 回答 2

1

您可以使用看起来像幻灯片效果的 jquery fadeIn fadeOut 方法

请参阅此处的示例http://api.jquery.com/promise/#example-1

于 2012-08-04T17:45:57.450 回答
0

使用 Jquery，您可以简单地将左边距设置为负值，这样 Image 就会消失。我个人使用这个解决方案：

  • 用户点击下一个/上一个按钮
  • 显示加载图像（gif）
  • var img = new Image()在 javascript 中创建图像 ( )
  • 为该图像设置 onload 操作以将旧图像向左/向右移动并附加新图像等。
  • 获取下一个/上一个图像 url
  • 分配创建图像的 src ，因此在加载时执行 onload 操作。

在这种情况下，AjaxToolkit 可能不是最干净的解决方案。您可能需要创建一些返回 nex/prev 图像 url 的简单服务，但这只是几行代码......

于 2012-08-04T17:53:52.753 回答