图片切换效果
2009-06-20 14:17
288 查看
在页面添加如下代码
<div id='tt'>
</div>
<div id="ImageNews" runat="server">
</div>
后台加载如下:
/***************图片切换新闻*********************/
private void ImageNewsLoad()
{
//得到图片列表
DataRecordTable drt = new ImageNewsBusiness().GetList("orderBy", "desc", 1, 10,"");
StringBuilder js = new StringBuilder();
js.Append("<script type='text/javascript'>");
js.Append("var sp=new SwitchPic('tt');");
js.Append("sp.flashPath='switchPic.swf';");
js.Append("sp.picFolder='Upload/ImageNews/';");
foreach (DataRow row in drt.Table.Rows)
{
//基本如下格式:js.Append("sp.addPic()");
js.Append("sp.addPic('" + row["image"].ToString() + "','image" + row["imageNewsId"].ToString() + ".html','" + WebFormHandler.CutString(row["title"].ToString(),36) + "');");
}
js.Append("sp.show();");
js.Append("</script>");
ImageNews.InnerHtml = js.ToString();
}
需要在页面的同目录下switchPic.swf,在页面引入switchPic.js,由于这个地方不能上传文件,所以这两个文件有需要的朋友可以联系我
<div id='tt'>
</div>
<div id="ImageNews" runat="server">
</div>
后台加载如下:
/***************图片切换新闻*********************/
private void ImageNewsLoad()
{
//得到图片列表
DataRecordTable drt = new ImageNewsBusiness().GetList("orderBy", "desc", 1, 10,"");
StringBuilder js = new StringBuilder();
js.Append("<script type='text/javascript'>");
js.Append("var sp=new SwitchPic('tt');");
js.Append("sp.flashPath='switchPic.swf';");
js.Append("sp.picFolder='Upload/ImageNews/';");
foreach (DataRow row in drt.Table.Rows)
{
//基本如下格式:js.Append("sp.addPic()");
js.Append("sp.addPic('" + row["image"].ToString() + "','image" + row["imageNewsId"].ToString() + ".html','" + WebFormHandler.CutString(row["title"].ToString(),36) + "');");
}
js.Append("sp.show();");
js.Append("</script>");
ImageNews.InnerHtml = js.ToString();
}
需要在页面的同目录下switchPic.swf,在页面引入switchPic.js,由于这个地方不能上传文件,所以这两个文件有需要的朋友可以联系我
相关文章推荐
- 简单实现JavaScript图片切换效果
- 很有创意的3D盒子图片切换效果
- 原生JS实现隐藏显示图片 JS实现点击切换图片效果
- jq 移动效果可以自定义实现图片切换等效果
- js图片自动切换效果处理代码
- 当当网图书频道切换图片效果和腾讯网图片频道切换效果
- Android编程单击图片实现切换效果的方法
- jQuery plugin : bgStretcher 背景图片切换效果插件
- JQuery图片切换动画效果
- Android - ImageButton单击切换按钮图片效果的实现 .
- 完美JQuery图片切换效果
- jquery 圆形旋转图片滚动切换效果
- iOS 图片切换效果
- js实现图片自动切换效果。
- jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果
- jquery简单实现图片切换效果的方法
- 一款在论坛上看到的JS封装的随机过渡方式的图片切换效果
- Jquery-图片切换和图片放大镜效果(jqzoom + jcarousel )
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- js打造图片幻灯片效果——多幅图片淡入淡出切换