主题:  小女子请教各位大虾

wangli2004

职务:普通成员
等级:1
金币:0.0
发贴:4
#12004/9/6 22:42:23
我是一个初学DW的菜鸟,遇到一个问题想请教各位,我想把一组图片做成象雅虎网站中的幻灯效果,请问该如何操作



康夫

职务:普通成员
等级:5
金币:3.0
发贴:3311
#22004/9/7 8:34:04
用javascript,看了下源代码,应该是下面这段,把里面图片的地址换掉应该就可以了
我没试过,如果不行,你可以在YAHOO的源代码中再看看。
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var interval = 3; // delay between rotating images (in seconds)
interval *= 1000;
var flagtime=0;
var image_index = 0;
image_list = new Array();
note_list = new noteArray(10);
var number_of_image = image_list.length;
var timesnum=0;
image_list[0] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119081-a.jpg");
image_list[1] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119082-a.jpg");
image_list[2] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119093-a.jpg");
image_list[3] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119094-a.jpg");
image_list[4] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119095-a.jpg");
image_list[5] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119096-a.jpg");
image_list[6] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119098-a.jpg");
image_list[7] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119097-a.jpg");
image_list[8] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/200409021119099-a.jpg");
image_list[9] = new imageItem("http://cn.yimg.com/ent/yahooent/20040902/2004090211190910-a.jpg");
note_list[0] = "来自青岛的陈好2001年毕业于中戏";
note_list[1] = "从“飘柔之星”到“商务通”形象大使";
note_list[2] = "从《李卫当官》到《粉红女郎》,陈好演来得心应手,星途坦荡。";
note_list[3] = "特长:表演、舞蹈、主持 嗜好:旅游";
note_list[4] = "最喜欢的书:《挪威的森林》";
note_list[5] = "最喜欢的电影:《希茜公主》三部曲(丁建华配音的)";
note_list[6] = "最喜欢的国外女演员:凯瑟琳-泽塔-琼斯(Catherine Zeta-Jones) ";
note_list[7] = "最喜欢的国外男演员:理查-基尔";
note_list[8] = "最想做的事:游遍世界各地,体验不同的人生";
note_list[9] = "低胸陈好“迷万人”";
function noteArray(size)
{
 this.length=size;
 for(i=1;i<=size;i++)
 {
 this[i]=""
 }
 return this;
}
function counternum(){
 if( timesnum < (10-1) ){
 timesnum++;
 document.all.slide_ent.src="about:blank";
 document.all.slide_ent.src="http://cn.ent.yahoo.com/slide/empty.html";
 }
}
function run(obj){
 interval=obj.options[obj.selectedIndex].value*1000;
 rotateImage();
}
function stop(){
 interval=0;
}
function previous(){
 var new_image = getPreviousImage();
 document['rImage'].src = new_image;
}
function next(){
 var new_image = getNextImage();
 document['rImage'].src = new_image;
}
function imageItem(image_location) {
this.image_item = new Image();
this.image_item.src = image_location;
}
function noteItem(note) {
this.note_item = new Image();
this.note_item.src = note;
}
function get_ImageItemLocation(imageObj) {
return(imageObj.image_item.src)
}
function get_NoteItemLocation(noteObj) {
return(noteObj.note_item.src)
}
function generate(x, y) {
var range = y - x + 1;
return Math.floor(Math.random() * range) + x;
}
function getPreviousImage() {
image_index = image_index-1;
if (image_index < 0){
 image_index=image_index+10;
 }
var new_image = get_ImageItemLocation(image_list[image_index]);
document.all.span_1.innerText=image_index+1;
document.all.summary.innerText=note_list[image_index];
return(new_image);
}
function getNextImage() {
image_index = image_index+1;
if (image_index >= 10){
 image_index=image_index-10;
 }
var new_image = get_ImageItemLocation(image_list[image_index]);
document.all.span_1.innerText=image_index+1;
document.all.summary.innerText=note_list[image_index];
return(new_image);
}
function rotateImage() {
if (interval == 0){
 return 1;
}
if (flagtime == 1){
 var now = new Date();
 var time1 = now.getTime();
 var time2;
 time1=time1+3000;
 time2=now.getTime();
 while(time2 < time1){
 now = new Date();
 time2=now.getTime();
 }
 flagtime=0;
}
var new_image = getNextImage();
document['rImage'].src = new_image;
var recur_call = "rotateImage('"+'rImage'+"')";
setTimeout(recur_call,interval);
}
// End -->
</script>


然后在要变化的图上,加个NAME标签。
<img name="rImage" src=http://cn.yimg.com/ent/yahooent/20040902/200409021119081-a.jpg onload="counternum()" border="0">



相逢辰

职务:普通成员
等级:2
金币:0.0
发贴:512
#32004/9/7 16:02:53
CSS