Question

js图片和文字同时切换的效果

用JS做一个图片+文字切换的特效,图片和文字都是从数据库里读的.我现在就做了一个图片的切换,文字怎么也不能同时和图片切换.请教一下该怎么去做.
<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
var it=1;

<% for i=1 to 3%>
imgUrl[it]="./dhdd/adm/upfile/photo/<%=rs("mshowimage")%>";
imgLink[it++]="#";
<% rs.movenext
next%>

var imgPre=new Array();
var jj=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
jj++;
} else {
break;
}
}
function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}
function nextAd(){
if(adNum<jj)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
playTran();
theTimer=setTimeout("nextAd()", 3000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<a href="javascript:goUrl()" target="_self"><img style="FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);border-color:#000000;color:#000000;margin-bottom:0px" src="javascript:nextAd()" width="210" height="150" border="0" name=imgInit>
对于二楼,谢谢你的回答.不过你的效果是对图片加上说明文字,而不是我想要的图片下面放一段文字.即:

图
文字

Answer 1

<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTitle=new Array();
var adNum=0;
var it=1;

<% for i=1 to 3%>
imgUrl[<%=i%>]="./dhdd/adm/upfile/photo/<%=rs("mshowimage")%>";
imgLink[<%=i%>]="#";
imgTitle[<%=i%>]="<%=rs("文字说明字段名称")%>";
<% rs.movenext
next%>

var imgPre=new Array();
var jj=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
jj++;
} else {
break;
}
}
function playTran(){
if (document.all){
document.imgInit.filters[0].play();
}
}
function nextAd(){
if(adNum<jj)adNum++ ;
else adNum=1;

if (document.all){
document.imgInit.filters[0].Transition=26;
document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.title=imgTitle[adNum];
playTran();
theTimer=setTimeout("nextAd()", 3000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</script>
<a href="javascript:goUrl()" target="_self"><img style="FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);border-color:#000000;color:#000000;margin-bottom:0px" src="javascript:nextAd()" width="210" height="150" border="0" name=imgInit>

Answer 2

imgLink[it++]="#";

上面这行换成对应的连接就可以了。