Question

关于JS自动切换图片的代码，需往里面添加链接

<script type="text/javascript">
//省略部分代码
//设置默认属性
SetOptions: function(options) {
this.options = {//默认值
Auto: true,//是否自动切换
Pause: 3000,//停顿时间(微妙)
Duration: 2,//变换持续时间(秒)
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;
this.onShow();
},
//添加变换对象
Add: function(sIimg, sText, sUrl) {
this.List.push({ img: sIimg, text: sText, url: sUrl });
},
//停止
Stop: function() {
clearTimeout(this._timer);
}
};
//-->
</script>

<script type="text/javascript">
var rvt = new RevealTrans("idPicShow");
rvt.Add('图片1‘,'提示','点击图片时链接的地址');
rvt.Add('图片2’,'提示','点击图片时链接的地址');
rvt.Add('图片3','提示','点击图片时链接的地址');
var oList = $("idPicList"), oText = $("idPicText"), arrImg = [];
var oNum = $("idNum"), arrNum = [];
//设置图片列表
Each(rvt.List, function(list, i){
//图片式
var img = document.createElement("img");
img.src = list["img"];
img.alt = list["text"];
arrImg[i] = img;
//oList.appendChild(img);
//按钮式
var li = document.createElement("li");
li.innerHTML = i + 1;
arrNum[i] = li;
oNum.appendChild(li);
//事件设置
img.onmouseover = li.onmouseover = function(){ rvt.Auto = false; rvt.Index = i; rvt.Start(); };
img.onmouseout = li.onmouseout = function(){ rvt.Auto = true; rvt.Start(); };
});
rvt.onShow = function(){
var i = this.Index, list = this.List[i];
Each(arrNum, function(o){ o.className = ""; }); arrNum[i].className = "on";
}
rvt.Start();
</script>
如果要给图片添加链接，该将代码写在哪里呢？
解问决了追加50+分

Answer 1

在以下代码段添加 this._a.href = list.url; 如下：
//设置图片属性
this._img.src = list.img;
this._img.alt = list.text;
this._a.href = list.url;
另外，rvt.Add('图片3','提示','点击图片时链接的地址');
如果是外部链接，可以写成 rvt.Add('图片3','提示','http://点击图片时链接的地址');

Answer 2

试试这个图片切换
有12345数字一起切换
鼠标点一下数字会变换到另一张图片，不点就会自动换
里面有教程和源码