产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 模板中首页的图片幻灯片怎么修改加入超链接
mine - 2016/6/16 15:54:15

11635

如上图这里有5个图片组形成的幻灯片,但没有超链接,查看一下后台得知是js做的,但没弄懂怎么加入超链接,鼠标点击图片或文字都没有反应,浏览器状态栏提示的是javascript void(0)

这个幻灯片的js原代码是这样的:
[code]var Show_Style=2;
var Image_7=new Array();
var Pics="/e/css/images/t1.jpg|/e/css/images/t2.jpg|/e/css/images/t3.jpg|/e/css/images/t4.jpg|/e/css/images/t5.jpg";
var Links="";
var Titles="我市召开2015年中学教育教学工作|我市召开教育灾后恢复重建|市委副书记、市长检查指导全市|广东第一中学被推荐为全国|市政府副市长徐某调研教育工作";
var Alts="";
var Apic7=Pics.split('|');
var ALink7=Links.split('|');
var ATitle7=Titles.split('|');
var AAlts7=Alts.split('|');
var Show_Text=1;
for(i=0;i<Apic7.length;i++)
  {
   Image_7.src = Apic7[i];
  }
  var FHTML='<div id="js_slide_focus_7" class="slide_focus focus_style2" style="height:260px"><a class="prev"></a><a class="next"></a>';
  FHTML+='<ul class="inner">';
  for(var i=0;i<Apic7.length;i++)
   {
     if(ALink7.length<(i+1) || ALink7[i]=="")
      {
       ALink7[i]="javascript:void(0)";
      }
     if(AAlts7.length<(i+1))
      {
       AAlts7[i]="";
      }
     if(ATitle7.length<(i+1))
      {
       ATitle7[i]="";
      }
    FHTML+='<li><a href="'+ALink7[i]+'" target="_self" title="'+AAlts7[i]+'"><img src="'+Apic7[i]+'">';
    FHTML+='<em>'+ATitle7[i]+'</em>';
    FHTML+='</a></li>';
   }
FHTML+='</ul>';
FHTML+='</div>';
document.write(FHTML);
$(function(){Slide_Focus("js_slide_focus_7",0,5,320,260,false);});[/code]

希望版主或其他坛友帮解答一下,再有我发现个问题,即使超链接做成了,这个js方法实现的,在后台也没法实时更新图片,有没有更好的方法来实现这个形式,然后在后台还可以及时更新图片呢?
xiyou - 2016/6/16 16:33:09
http://www.pageadmin.net/article/20130103/503.html
看一下这个教程
mine - 2016/6/16 16:38:46
[b]回复 [url=http://bbs.pageadmin.net/showtopic-34777.aspx#133356]2楼[color=Olive]xiyou[/color]的帖子[/url][/b]

我去仔细观看,学习一下,有不懂再来请教你,谢谢
1
查看完整版本: 模板中首页的图片幻灯片怎么修改加入超链接