网页js切换图片，这是网上的代码，在哪里加入图片？把它放在<td>之间怎么才能正常使用？

varRevealTrans=Class.create();RevealTrans.prototype={initialize:function(container,op... 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);
}
}; 展开

 我来答

1个回答

#热议# 什么是淋病？哪些行为会感染淋病？

unwmunwm
2013-07-01 · TA获得超过711个赞

知道小有建树答主

回答量：455

采纳率：0%

帮助的人：325万

我也去答题访问个人页

关注

展开全部

//添加变换对象
Add: function(sIimg, sText, sUrl) {
this.List.push({ img: sIimg, text: sText, url: sUrl });
},
这个地方加。
方法如下：
RevealTrans.Add('图片地址','图片文字标题','点击图片时要打开的链接');
加一张图片就调用一次。

更多追问追答

追问

能具体点吗。。。菜鸟

追答

……

……
RevealTrans.initialize("pic",
{
        Auto:        true, //是否自动切换
        Pause:        1000, //停顿时间(微妙)
        Duration:    1, //变换持续时间(秒)
        Transition:    23, //变换效果(23为随机)
        List:        [{'图片地址','图片文字标题','点击图片时要打开的链接'},{'图片地址','图片文字标题','点击图片时要打开的链接'},{'图片地址','图片文字标题','点击图片时要打开的链接'}], 
        onShow:        function(){} //变换时执行
    }
);
……
RevealTrans.initialize一定要写在后面，要不然找不到对象。

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

网页js切换图片，这是网上的代码，在哪里加入图片？把它放在<td>之间怎么才能正常使用？

其他类似问题

为你推荐：