php js轮播图片代码,js实现图片轮播效果

图片轮播

linkarr = new Array();

picarr = new Array();

textarr = new Array();

var focus_width=359;   // 图片的宽度

var focus_height=144;  // 图片的高度

var text_height=20;  // 底部文字的高度

var pics = "";

var links = "";

var texts = "";

var swf_height = focus_height+text_height;   // 整个轮换效果的高度=图片高度+底部文字高度

var defJpeg = "http://www.cnbeta.com/p_w_picpaths/index_37.jpg";

linkarr[1]="http://www.cnbeta.com/articles/73700.htm";picarr[1] ="../p_w_picpath/01.jpg";textarr[1]="专注的精神，是我们的一贯作风";

linkarr[2]="http://www.cnbeta.com/articles/73715.htm";picarr[2] ="../p_w_picpath/02.jpg";textarr[2]="我们的用心，换来你们的放心";

linkarr[3]="http://www.cnbeta.com/articles/73734.htm";picarr[3] ="../p_w_picpath/03.jpg";textarr[3]="与你们共享荣誉，是我们最大的骄傲";

linkarr[4]="http://www.cnbeta.com/articles/73473.htm";picarr[4] ="../p_w_picpath/04.jpg";textarr[4]="专业的技术，提供最舒心的服务";

for(i=1;i

if(pics=="") pics = picarr[i];

else pics += "|"+picarr[i];

}

for(i=1;i

if(links=="") links = linkarr[i];

else links += "|"+linkarr[i];

}

for(i=1;i

if(texts=="") texts = textarr[i];

else texts += "|"+textarr[i];

}

document.write('');

document.write('');

document.write('');

document.write('');

document.write('');

document.write('');

document.write('');

document.write('');

document.write('');

document.write('');

说明：实现图片轮换效果的其实是一个flash,就是那个../p_w_picpath/slide.swf,真想看看他的源码,不知道他是怎么读取传进去的参数的哦!!!

要注意的时候图片和那个slide.swf必须在同一站点下,要不然就会显示出错了,比如上面的代码改成http://www.cnbeta.com/template/slide.swf后显示就不正常了!!!

图片只能使用JPG格式的，如果换成GIF格式的话则图片显示不出来！！！