用asp.net 后台绑定javascript做的动态新闻幻灯片播放效果？急！

[xiaosima2017]

例子如http://jwtj.zhengxiang.gov.cn/
前台js代码如：
<!--Flash幻灯片开始-->
<script type="text/javascript" language='JavaScript'>
function topimg(simg) {
var strimg = simg;
var strimg1 = "";
var strimg2 = "";
var strimg3 = "";
var allstrimg = "";
if (strimg.length > 16) {
strimg1 = strimg.substring(0, 13);
allstrimg = strimg1 + "...";
}
if (strimg.length <= 16) {
allstrimg = strimg;
}
return allstrimg;
}

var focus_width = 319; //缩图宽
var focus_height = 226; //缩图高
var text_height = 24;
var links = "";
var pics = "";
var texts = "";
// var url1=document.getElementById("u1");
var imgUrl = new Array();
var imgLink = new Array();
var imgTz = new Array();
var adNum = 0;
var kk = 1;
var swf_height = focus_height + text_height;

//第1副图片
pics = 'temp/' + '01.jpg'; //图片
links = 'slice.html'; //链接
texts = topimg(''); //文章标题

//第3副图片
imgUrl[kk] = '|temp/' + '02.jpg';
imgLink[kk] = '|tpxw/t20060927_86264.htm';
imgTz[kk] = '|' + topimg('渤海环保规划建言献策');
kk++;

//第3副图片
imgUrl[kk] = '|temp/' + '03.jpg';
imgLink[kk] = '|tpxw/t20060927_86264.htm';
imgTz[kk] = '|' + topimg('渤海环保规划建言献策');
kk++;

//第4副图片
imgUrl[kk] = '|temp/' + '04.jpg';
imgLink[kk] = '|tpxw/t20060925_85665.htm';
imgTz[kk] = '|' + topimg('我为医改建言献策');
kk++;


//第5副图片
imgUrl[kk] = '|temp/' + '05.jpg';//怎么后台读取数据
imgLink[kk] = '|tpxw/t20060920_84965.htm';
imgTz[kk] = '|' + topimg('毕井泉副主任会见美中全国贸易委员会会长傅强恩先生');
kk++;

//第6副图片
imgUrl[kk] = '|temp/' + '06.jpg';
imgLink[kk] = '|tpxw/t20060918_84851.htm';
imgTz[kk] = '|' + topimg('欧新黔副主任赴广东省调研产业集聚区产业创新平台');
kk++;


for (i = 1; i <= 5; i++) {
pics = pics + imgUrl[i];
links = links + imgLink[i];
texts = texts + imgTz[i];
}
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="' + focus_width + '" height="' + swf_height + '">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="images/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ECECEC">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics=' + pics + '&links=' + links + '&texts=' + texts + '&borderwidth=' + focus_width + '&borderheight=' + focus_height + '&textheight=' + text_height + '">');
document.write('<embed src="images/pixviewer.swf" wmode="opaque" FlashVars="pics=' + pics + '&links=' + links + '&texts=' + texts + '&borderwidth=' + focus_width + '&borderheight=' + focus_height + '&textheight=' + text_height + '" menu="false" bgcolor="#ECECEC" quality="high" width="' + focus_width + '" height="' + focus_height + '" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
</script>

[happytonice]

先找到效果，再把数据和效果绑定在一起

[xiaosima2017]

能不能把完整的例子发到我的邮箱里，你的例子我没有调出来，[e-mail] 提前谢谢你了[Quote=引用 5 楼 zaobanche 的回复:]
<script type="text/javascript">
<!--
var isIE = (document.all) ? true : false;
var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
var Class = {
create……
[/Quote]

[porschev]

http://www.cnblogs.com/zhongweiv/archive/2012/02/21/jQueryGalleryPlugin.html

[xiaosima2017]

求完整代码例子！！

[happytonice]

网上有很多，百度一下就行

[xiaosima2017]

但我的需求是动态绑定数据库，在JAVASCRIPT 里显示

[csdn的黄公子]

动态绑定数据库的内容 要用ajax加载

[zaobanche]

<script type="text/javascript">
<!--
var isIE = (document.all) ? true : false;
var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};
var Class = {
create: function() {
return function() { this.initialize.apply(this, arguments); }
}
}
var Extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
}
var Bind = function(object, fun) {
return function() {
return fun.apply(object, arguments);
}
}
var Each = function(list, fun){
for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
};
//ie only
var RevealTrans = Class.create();
RevealTrans.prototype = {
initialize: function(container, options) {
this._img = document.createElement("img");
this._a = document.createElement("a");
this._timer = null;//计时器
this.Index = 0;//显示索引
this._onIndex = -1;//当前索引
this.SetOptions(options);
this.Auto = !!this.options.Auto;
this.Pause = Math.abs(this.options.Pause);
this.Duration = Math.abs(this.options.Duration);
this.Transition = parseInt(this.options.Transition);
this.List = this.options.List;
this.onShow = this.options.onShow;
//初始化显示区域
this._img.style.visibility = "hidden";//第一次变换时不显示红x图
this._img.style.width = this._img.style.height = "100%"; this._img.style.border = 0;
this._img.onmouseover = Bind(this, this.Stop);
this._img.onmouseout = Bind(this, this.Start);
isIE && (this._img.style.filter = "revealTrans()");
this._a.target = "_blank";
$(container).appendChild(this._a).appendChild(this._img);
},
//设置默认属性
SetOptions: function(options) {
this.options = {//默认值
Auto: true,//是否自动切换
Pause: 1000,//停顿时间(微妙)
Duration: 1,//变换持续时间(秒)
Transition: 23,//变换效果(23为随机)
List: [],//数据集合,如果这里不设置可以用Add方法添加
onShow: function(){}//变换时执行
};
Extend(this.options, options || {});
},
Start: function() {
clearTimeout(this._timer);
//如果没有数据就返回
if(!this.List.length) return;
//修正Index
if(this.Index < 0 || this.Index >= this.List.length){ this.Index = 0; }
//如果当前索引不是显示索引就设置显示
if(this._onIndex != this.Index){ this._onIndex = this.Index; this.Show(this.List[this.Index]); }
//如果要自动切换
if(this.Auto){
this._timer = setTimeout(Bind(this, function(){ this.Index++; this.Start(); }), this.Duration * 1000 + this.Pause);
}
},
//显示
Show: function(list) {
if(isIE){
//设置变换参数
with(this._img.filters.revealTrans){
Transition = this.Transition; Duration = this.Duration; apply(); play();
}
}
this._img.style.visibility = "";
//设置图片属性
this._img.src = list.img; this._img.alt = list.text;
//设置链接
!!list["url"] ? (this._a.href = list["url"]) : this._a.removeAttribute("href");
//附加函数
this.onShow();
},
//添加变换对象
Add: function(sIimg, sText, sUrl) {
this.List.push({ img: sIimg, text: sText, url: sUrl });
},
//停止
Stop: function() {
clearTimeout(this._timer);
}
};
//-->
</script>



后台//全局变量
protected string TuPian1 = "";
protected string TuPian2 = "";
protected string TuPian3 = "";
protected string url1 = "";
protected string url2 = "";
protected string url3 = "";


public void DisPlayHuanDeng()
{
string sql = "select * from content where node=3637 order by id desc";
DataTable dt = DataSet(sql).Tables[0];
if (dt.Rows.Count <= 0)
{
TuPian1 = "";
TuPian2 = "";
TuPian3 = "";
url1 = "";
url2 = "";
url3 = "";
}
else
{
TuPian1 = "/UpFile/" + Convert.ToString(dt.Rows[0]["TuPian"]);
TuPian2 = "/UpFile/" + Convert.ToString(dt.Rows[1]["TuPian"]);
TuPian3 = "/UpFile/" + Convert.ToString(dt.Rows[2]["TuPian"]);
url1 = Convert.ToString(dt.Rows[0]["ZiFuXing_10"]);
url2 = Convert.ToString(dt.Rows[1]["ZiFuXing_10"]);
url3 = Convert.ToString(dt.Rows[2]["ZiFuXing_10"]);
}
}


//前台调用图片
<script type="text/javascript">
<!--
var rvt = new RevealTrans("id_PicShow");
//添加变换对象
rvt.Add('<%=TuPian1 %>', '','<%=url1 %>');
rvt.Add('<%=TuPian2 %>', '','<%=url2 %>');
rvt.Add('<%=TuPian3 %>', '','<%=url3 %>');
rvt.Start();
//-->
</script>

[习惯就好]

[Quote=引用 6 楼 efreer5 的回复:]

你可以再后台定义一个全局的字符变量，用循环读取数据库的数据，然后拼接就可以了






http://www.taianfcw.com
[/Quote]

++

[xiaosima2017]

谢谢大家回帖！以上回帖者都匀有分得！！！