如何在更新后幻灯片更新面板内容
如何在更新后幻灯片更新面板内容
提问于 2012-08-05 01:11:08
我有一个包含一个图像和一个按钮的更新面板。图像控件在单击“下一图像”按钮时一次显示一张图像，而在单击“上一图像”按钮时显示上一图像。代码示例如下所示
protected void btnNext_Click(..)
{
Image1.ImageUrl=getNextImageFromDatabase();
UpdatePanel1.Update();
}
protected void btnPrevious_Click(..)
{
Image1.ImageUrl=getPreviousImageFromDatabase();
UpdatePanel1.Update();
}现在我想知道的是，有什么方法可以让我在点击“下一张图片”时向左滑动图片或更新面板中的任何内容，而在点击“上一张图片”时向右滑动图片或任何内容？有没有使用AjaxToolKit或JQuery的方法？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-08-05 01:45:57
您可以使用看起来像幻灯片效果的jquery fadeIn fadeOut方法。
请参阅此处的示例http://api.jquery.com/promise/#example-1
Stack Overflow用户
发布于 2012-08-05 01:53:53
使用Jquery，您可以简单地将左边界动画化为负值，这样Image就会消失。我个人使用这个解决方案：
- 用户在javascript中单击next/prev按钮
- 显示正在加载图像( gif)
- Create image (
var img = new Image())为图像设置onload操作，以将旧图像向左/右移动并附加新图像等。H29 H110获取下一张/上一张图像url H211 H112分配所创建图像的src，因此加载时将执行onload操作。H213 F214
在这种情况下，AjaxToolkit可能不是最干净的解决方案。你可能需要做一些简单的服务来返回nex/prev图片url，但这只是几行代码……
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11810465
复制相关文章
相似问题
腾讯云开发者
