Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 求助!ss图片轮显的实现

[复制链接]
mfmozer 发表于 2009-10-20 16:06:28 | 显示全部楼层 |阅读模式
本帖最后由 mfmozer 于 2009-10-20 16:13 编辑

我想在模型的模板中实现调用论坛中指定版块的图片实现轮显。我已经用模块管理的创建模块功能生成了调用图片的代码,js代码也有了。但不知道怎么用啊,那位高手帮个忙 啊

模块代码:
<!--{block name="bbsattachment" parameter="filetype/image/t_fid/6,5/t_digest/1,2/limit/0,10/cachetime/900/cachename/img/tpl/filename_li"}--><!--img-->

js 代码
  1. //选择器
  2. function $a(id,tag){var re=(id&&typeof id!="string")?id:document.getElementById(id);if(!tag){return re;}else{return re.getElementsByTagName(tag);}}
  3. //标签切换效果[标题框子元素("id/li"),内容框子元素("id/li"),事件(mouseover/click),默认显示第几条(-1表示在鼠标移出全部隐藏,仅在事件mouseover有效),轮播时间(1秒=1000)]
  4. function SwitchTag(tit,box,s,show,time)
  5. {
  6.         var t=tit.split('/'),b=box.split("/"),ts=$a(t[0],t[1]),bs=$a(b[0],b[1]),s=s||"onmouseover",now=show=show||0,c;
  7.         for(var i=0;i<ts.length;i++){ts[i].old=ts[i].className.replace("show","");bs[i].old=bs[i].className.replace("show","");reg(i);}
  8.         function init(){for(var i=0;i<ts.length;i++){ts[i].className=ts[i].old;bs[i].className=bs[i].old;};if(now!=-1){ts[now].className+=(t[2]||"")+" show";bs[now].className+=(b[2]||"")+" show";}}
  9.         function reg(i){ts[i][s]=function(){clearInterval(c);now=i;init();}
  10.         if(show!=-1&&time){bs[i].onmouseover=function(){clearInterval(c);};bs[i].onmouseout=function(){go();};ts[i].onmouseout=function(){go();}}
  11.         if(show==-1&&s=="onmouseover"){ts[i].onmouseout=function(){now=-1;init();}}}
  12.         function go(){c=setInterval(function(){(now<ts.length-1)?now++:now=0;init();},time);}
  13.         if(show!=-1&&time){go();};init();
  14. }

  15. //焦点滚动图
  16. function FocusImg(time,foc,fbimg)
  17. {
  18.         var beg=$a($a(fbimg,"dd")[0],"div")[0];beg.check=true;
  19.         var au=$a(foc,"a"),now=1,tm;var bimgs=$a(foc,"img");var vimg=new Image();vimg.src=bimgs[0].src;
  20.         var ba=$a($a(fbimg,"dt")[0],"a")[0];ba.href=au[0].href;ba.target='_blank';ba.onfocus=function(){this.blur()};
  21.         var bt=$a(fbimg,"dt")[0];bt.appendChild(vimg);
  22.         var bi=$a(bt,"img")[1];bi.alt=bimgs[0].alt;
  23.         var bp=$a($a(fbimg,"dd")[0],"ul")[0];
  24.         var len=au.length;for(var i=0;i<len;i++){bp.innerHTML+="<li>"+(i+1)+"</li>";}
  25.         var bps=$a(bp,"li");bps[0].className="show";function pfn(i){bps[i].onclick=function(){go(i);if(beg.check){clearInterval(tm);init();}else{clearInterval(tm)}}}for(var i=0;i<len;i++){pfn(i);}
  26.         function xunhuan(){if(/*@cc_on!@*/false){bi.style.filter="progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,motion=forward)";bi.filters[0].Apply();bi.filters[0].Play(duration=1);}
  27.         ba.href=au[now].href;ba.target='_blank';bi.src=bimgs[now].src;bi.alt=bimgs[now].alt;for(var i=0;i<len;i++){bps[i].className="";}bps[now].className="show";(now<len-1)?now++:now=0;}
  28.         function init(){tm=setInterval(xunhuan,time);};function go(n){clearInterval(tm);now=n;xunhuan();init();}init();
  29.         beg.onclick=function(){if(beg.check){beg.check=false;clearInterval(tm);beg.innerHTML="PLAY";}else{beg.check=true;clearInterval(tm);xunhuan();init();beg.innerHTML="STOP";}};
  30. }

  31. //标签切换
  32. function Tagchange(obj1,obj2,obj3,obj4,flag)
  33. {
  34.         document.getElementById(obj1).style.display="none";
  35.         document.getElementById(obj2).style.display="";
  36.         if(flag==1)
  37.         {
  38.             document.getElementById(obj3).className="main-top10-bar3 font_w14_b";
  39.             document.getElementById(obj4).className="main-top10-bar2 font_g14_b";
  40.         }
  41.         else
  42.         {
  43.             document.getElementById(obj3).className="column1-left12-bar4_2";
  44.             document.getElementById(obj4).className="column1-left12-bar4";
  45.         }
  46. }

复制代码
 楼主| mfmozer 发表于 2009-10-20 16:48:20 | 显示全部楼层
  1.      <div class="main-content-left-img"><div id="foc"><a href="http://xx.com/thread-3150217-1-1.html" target="_blank"><img src="xx/moudlepic/150_module_images/1202.jpg" /></a><a href="http:xx/thread-3149227-1-1.html" target="_blank"><img src="http://iss/150_module_images/1201.jpg" /></a><a href=xxbbs.com/2009/1016/1404168.shtml" target="_blank"><img src="http:/ss com/moudlepic/150_module_images/1200.jpg" /></a><a href="http://xx.bbs.com/2009/1016/1404080.shtml" target="_blank"><img src="http://img.xxbbs.com/moudlepic/150_module_images/1199.jpg" /></a></div>

  2.                <div id="focimg" class="avs">
  3.                <base target="_blank">
  4.                    <dt><a><img src="http://xx.com/2009/0318/a14.gif" /></a></dt>
  5.                    <dd><div>STOP</div><ul></ul></dd>
  6.                </div>
  7.                <script>FocusImg(5000,"foc","focimg");</script>
  8.            </div>
复制代码
回复

使用道具 举报

goldlink 发表于 2009-10-26 11:53:36 | 显示全部楼层
.
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 21:01 , Processed in 0.019621 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表