幻灯片展示

终于把幻灯片问题给解决了，下面展示几种常见幻灯片效果。


代码如下：

1. <!--{block name="spacenews" parameter="catid/161/haveattach/1/showattach/1/order/i.viewnum DESC/limit/0,5/cachetime/11930/cachename/picnews/tpl/data"}-->
   
2. <!--FLASH图片组 -->
   
3. <SCRIPT type=text/javascript>
   
4. <!--
   
5. var _width = 270
   
6. var _height = 175
   
7. var text_height = 25
   
8. var flash_height = _height + text_height
   
9. var pic_arr = new Array();
   
10. var link_arr = new Array();
    
11. var text_arr = new Array();
    
12. var i = 0;
    
13.    <!--{eval $i=0;}-->
    
14.    <!--{loop $_SBLOCK['picnews'] $key $value}-->
    
15.    pic_arr[$i] = "$value[a_thumbpath]";
    
16.    link_arr[$i] = "<!--{eval echo url_remake($value['url']);}-->";
    
17.    text_arr[$i] = "$value[subject]";
    
18.    <!--{eval $i++;}-->
    
19.    <!--{/loop}-->
    
20. //
    
21. var p = pic_arr.join("|");
    
22. var l = link_arr.join("|");
    
23. var t = text_arr.join("|");
    
24. var f = "{S_URL}/templates/$_SCONFIG[template]/img/flash.swf";
    
25. document.write('<object ID="focus_flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ _width +'" height="'+ flash_height +'">');
    
26. document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="'+f+'"><param name="quality" value="high"><param name="bgcolor">');
    
27. document.write('<param name="menu" value="false"><param name=wmode value="transparent">');
    
28. document.write('<param name="FlashVars" value="pics='+p+'&links='+l+'&texts='+t+'&borderwidth='+_width+'&borderheight='+_height+'&textheight='+text_height+'">');
    
29. document.write('<embed ID="focus_flash" src="'+f+'" wmode="opaque" FlashVars="pics='+p+'&links='+l+'&texts='+t+'&borderwidth='+_width+'&borderheight='+_height+'&textheight='+text_height+'" menu="false" quality="high" width="'+ _width +'" height="'+ flash_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    
30. document.write('</object>');
    
31. //-->
    
32. </SCRIPT>
    
33. 
    
34. FLASH上传到模板文件夹的IMG下面
    
35. 
    

复制代码

效果演示：


这段不需要FLASH

1. 
   
2.                                 <table width="289" height="329" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
   
3.   <tr>
   
4.     <td align="center"><span style="padding-top:1px">
   
5. <!--{block name="spacenews" parameter="catid/135,136,90/haveattach/1/showattach/1/order/i.dateline DESC/limit/0,5/cachetime/18600/subjectlen/30/subjectdot/1/cachename/picblog/tpl/data"}-->
   
6.       <SCRIPT language=JavaScript>
   
7. <!--
   
8. var imgWidth=289;              //图片宽
   
9. var imgHeight=329;             //图片高
   
10. var textFromHeight=25;         //焦点字框高度 (单位为px)
    
11. var textStyle="texttitle";     //焦点字class style (不是连接class)
    
12. var textLinkStyle="texttitle"; //焦点字连接class style
    
13. var buttonLineOn="#995C01";    //button下划线on的颜色
    
14. var buttonLineOff="#000";      //button下划线off的颜色
    
15. var TimeOut=5000;              //每张图切换时间 (单位毫秒);
    
16. var imgUrl=new Array();
    
17. var imgLink=new Array();
    
18. var imgtext=new Array();
    
19. var imgAlt=new Array();
    
20. var adNum=0;
    
21. var kaishi=0;
    
22. var theTimer;
    
23. //焦点字框高度样式表 开始
    
24. document.write('<style type="text/css">');
    
25. document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
    
26. document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+(imgWidth-10)+'px;overflow:hidden;padding-right: 10px;}');
    
27. document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+24)+'px;height:18px;padding-right:10px;}');
    
28. document.write('</style>');
    
29. document.write('<div id="focuseFrom">');
    
30. //焦点字框高度样式表 结束
    
31.                         <!--{eval $i=0;}-->
    
32.                         <!--{loop $_SBLOCK['picblog'] $key $value}-->
    
33. imgUrl[$i]='$value[a_thumbpath]';
    
34. imgtext[$i]='$value[subject]';
    
35. imgLink[$i]='$value['url']';
    
36. imgAlt[$i]='love';
    
37.                         <!--{eval $i++;}-->
    
38.                         <!--{/loop}-->
    
39. 
    
40. function changeimg(n)
    
41. {
    
42. adNum=n;
    
43. window.clearInterval(theTimer);
    
44. adNum=adNum-1;
    
45. nextAd();
    
46. }
    
47. function goUrl(){
    
48. window.open(imgLink[adNum],'_blank');
    
49. }
    
50. //NetScape开始
    
51. if (navigator.appName == "Netscape")
    
52. {
    
53. document.write('<style type="text/css">');
    
54. document.write('.buttonDiv{height:4px;width:21px;}');
    
55. document.write('</style>');
    
56. function nextAd(){
    
57. if(adNum<(imgUrl.length-1))adNum++;
    
58. else adNum=1;
    
59. theTimer=setTimeout("nextAd()", TimeOut);
    
60. document.images.imgInit.src=imgUrl[adNum];
    
61. document.images.imgInit.alt=imgAlt[adNum];       
    
62. document.getElementById('focustext').innerHTML=imgtext[adNum];
    
63. document.getElementById('imgLink').href=imgLink[adNum];
    
64. }
    
65. document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=0 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')
    
66. document.write('<div id="imgTitle">');
    
67. document.write('<div id="imgTitle_down">');
    
68. //数字按钮代码开始
    
69. for(var i=1;i<imgUrl.length;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');}
    
70. //数字按钮代码结束
    
71. document.write('</div>');
    
72. document.write('</div>');
    
73. document.write('</div>');
    
74. nextAd();
    
75. }
    
76. //NetScape结束
    
77. //IE开始
    
78. else
    
79. {
    
80. var count=0;
    
81. for (i=1;i<imgUrl.length;i++) {
    
82. if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
    
83. count++;
    
84. } else {
    
85. break;
    
86. }
    
87. }
    
88. function playTran(){
    
89. if (document.all)
    
90. imgInit.filters.revealTrans.play();               
    
91. }
    
92. var key=0;
    
93. function nextAd(){
    
94. 
    
95. if(kaishi<1)
    
96. {
    
97.         document.images.imgInit.src=imgUrl[1];//****重要****//
    
98.         kaishi++;
    
99. }
    
100. 
     
101. if(adNum<count)adNum++ ;
     
102. else adNum=1;
     
103. if( key==0 ){
     
104. key=1;
     
105. } else if (document.all){
     
106. imgInit.filters.revealTrans.Transition=23;
     
107. imgInit.filters.revealTrans.apply();
     
108. playTran();
     
109. }
     
110. document.images.imgInit.src=imgUrl[adNum];
     
111. document.images.imgInit.alt=imgAlt[adNum];       
     
112. document.getElementById('link'+adNum).style.background=buttonLineOn;
     
113. for (var i=1;i<=count;i++)
     
114. {
     
115. if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
     
116. }       
     
117. focustext.innerHTML=imgtext[adNum];
     
118. 
     
119. theTimer=setTimeout("nextAd()", TimeOut);
     
120. }
     
121. document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>
     
122. ');
     
123. document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
     
124. document.write('<div id="imgTitle">');
     
125. document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
     
126. //数字按钮代码开始
     
127. for(var i=1;i<imgUrl.length;i++){document.write('<a id="link'+i+'"  href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');}
     
128. //数字按钮代码结束
     
129. document.write('</div>');
     
130. document.write('</div>');
     
131. document.write('</div>');
     
132. document.write('</div>');
     
133. }
     
134. document.images.imgInit.src=imgUrl[1];
     
135. setTimeout("nextAd()", 0);
     
136. //IE结束
     
137. //-->
     
138.       </SCRIPT>
     
139.     </span></td>       
     
140.   </tr>
     
141. </table>       

复制代码

如果你需要图中的效果，网页中还应该插入下面的CSS样式：

1. #ad1 {width:100%; }
   
2. #ad1 .ad1_l { float: left; padding:5px 0px }
   
3. #ad1 .ad1_r { float: right; padding:5px 0px }
   
4. 
   
5. td{font-size:12px}
   
6. .texttitle {float:center; text-align:left; COLOR: #fff; width: 294px; line-height:18px; padding: 0px 6px 6px 4px;font-weight:lighter; }
   
7. .texttitle A:link {COLOR: #fff; TEXT-DECORATION: none}
   
8. .texttitle A:visited {COLOR: #fff; TEXT-DECORATION: none}
   
9. .texttitle A:hover {COLOR: #FFC9E5; TEXT-DECORATION: none}
   
10. .texttitle A:active {COLOR: #fff; TEXT-DECORATION: none}
    
11. 
    
12. #imgTitle {
    
13.         FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left
    
14. }
    
15. #imgTitle_down {
    
16.         LEFT: 0px; TEXT-ALIGN: right
    
17. }
    
18. #txtFrom {
    
19.         VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: center
    
20. }
    
21. .button {
    
22.         PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: #F6D13A; PADDING-BOTTOM: 2px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 2px; TEXT-DECORATION: none
    
23. }
    
24. A.button {
    
25.         COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
    
26. }
    
27. A.button:link {
    
28.         COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
    
29. }
    
30. A.button:visited {
    
31.         COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none
    
32. }
    
33. A.button:hover {
    
34.         BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
    
35. }
    
36. .buttonDiv {
    
37.         BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
    
38. }
    
39. .trans {
    
40.         FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=200,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
    
41. }

复制代码

此处CSS样式可以自己任意修改

改模板以来 碰到了很多种FLASH幻灯片的效果
下面这是大旗独有的 点击图片 可暂停 但是还是有一点问题 简介不能调用 不知道怎么回事 往高手解答

1. <!--幻灯片开始-->
   
2. <DIV class="focus" id="focusViwer">
   
3. <TABLE height="376" cellSpacing="0" cellPadding="0" width="326" border="0">
   
4.   <TBODY>
   
5.    <TR>
   
6.     <TD vAlign="top" align="left" background="{S_URL}/templates/$_SCONFIG[template]/huandeng/jd3.png">
   
7.      <TABLE cellSpacing="0" cellPadding="0" width="326" border="0">
   
8.       <TBODY>
   
9.        <TR>
   
10.         <TD style="PADDING-LEFT: 1px; PADDING-TOP: 1px" colSpan="3">
    
11.          <A onmouseover="tu_ove()" style="CURSOR: hand" onclick="gotoshow()" onmouseout="ou()"><IMG style="FILTER: progid:DXImageTransform.Microsoft.Slide(duration=2,bands=1,slideStyle=SWAP)" height="269" src="http://huixian.net/attachments/2007/09/88_200709020808481.thumb.jpg" width="324" border="0" name="slide" /></A>
    
12.         </TD>
    
13.        </TR>
    
14.        <TR>
    
15.         <TD align="center" colSpan="3" height="10">
    
16.         </TD>
    
17.        </TR>
    
18.        <TR>
    
19.         <TD align="center" width="16" height="25">
    
20.          &nbsp;
    
21.         </TD>
    
22.         <TD align="left" colSpan="2">
    
23.          <DIV class="black fs-14 bold" id="textslide">
    
24.           辉县网
    
25.          </DIV>
    
26.         </TD>
    
27.        </TR>
    
28.        <TR>
    
29.         <TD>
    
30.          &nbsp;
    
31.         </TD>
    
32.         <TD width="291">
    
33.          <DIV class="black line19" id="textcontent">
    
34.           与您携手创建共城网络家园
    
35.          </DIV>
    
36.         </TD>
    
37.         <TD width="19">
    
38.          &nbsp;
    
39.         </TD>
    
40.        </TR>
    
41.        <TR>
    
42.         <TD colSpan="3" height="6">
    
43.         </TD>
    
44.        </TR>
    
45.        <TR>
    
46.         <TD bgColor="#707070" colSpan="3" height="1">
    
47.         </TD>
    
48.        </TR>
    
49.        <TR>
    
50.         <TD colSpan="3" height="6">
    
51.         </TD>
    
52.        </TR>
    
53.        <TR>
    
54.         <TD align="center" colSpan="3">
    
55.          <TABLE cellSpacing="0" cellPadding="0" width="200" align="right" border="0">
    
56.           <TBODY>
    
57.            <TR vAlign="top" height="17">
    
58.             <TD width="27" height="16">
    
59.              <DIV id="test0">
    
60.               <A style="CURSOR: hand" onclick="picstop(1)"><IMG id="picss" src="{S_URL}/templates/$_SCONFIG[template]/huandeng/next_g.gif" border="0" /></A>
    
61.              </DIV>
    
62.             </TD>
    
63.             <TD width="27" height="16">
    
64.              <DIV id="test1">
    
65.               <A style="CURSOR: hand" onclick="ove(0)"><IMG id="xiaosan1" src="{S_URL}/templates/$_SCONFIG[template]/huandeng/1_c.gif" border="0" /></A>
    
66.              </DIV>
    
67.             </TD>
    
68.             <TD width="27" height="16">
    
69.              <DIV id="test2">
    
70.               <A style="CURSOR: hand" onclick="ove(1)"><IMG id="xiaosan2" src="{S_URL}/templates/$_SCONFIG[template]/huandeng/2_g.gif" border="0" /></A>
    
71.              </DIV>
    
72.             </TD>
    
73.             <TD width="27" height="16">
    
74.              <DIV id="test3">
    
75.               <A style="CURSOR: hand" onclick="ove(2)"><IMG id="xiaosan3" src="{S_URL}/templates/$_SCONFIG[template]/huandeng/3_g.gif" border="0" /></A>
    
76.              </DIV>
    
77.             </TD>
    
78.             <TD width="27" height="16">
    
79.              <DIV id="test4">
    
80.               <A style="CURSOR: hand" onclick="ove(3)"><IMG id="xiaosan4" src="{S_URL}/templates/$_SCONFIG[template]/huandeng/4_g.gif" border="0" /></A>
    
81.              </DIV>
    
82.             </TD>
    
83.             <TD width="27" height="16">
    
84.              <DIV id="test5">
    
85.               <A style="CURSOR: hand" onclick="ove(4)"><IMG id="xiaosan5" src="{S_URL}/templates/$_SCONFIG[template]/huandeng/5_g.gif" border="0" /></A>
    
86.              </DIV>
    
87.             </TD>
    
88.            </TR>
    
89.           </TBODY>
    
90.          </TABLE>
    
91.         </TD>
    
92.        </TR>
    
93.       </TBODY>
    
94.      </TABLE>
    
95.     </TD>
    
96.    </TR>
    
97.   </TBODY>
    
98. </TABLE>
    
99. <!--{block name="spacenews" parameter="catid/79,77,134/haveattach/1/showattach/1/order/i.dateline DESC/limit/4,5/cachetime/13930/subjectlen/30/showdetail/1/cachename/picblog/tpl/data"}-->
    
100. 
     
101. <SCRIPT language="JavaScript">
     
102.   var slideimages=new Array(); //slidetext数组为变换的标题文字
     
103.   var slidetext=new Array(); //slidetext数组为变换的标题文字
     
104.   var textcontent=new Array(); //textcontent数组为变换的说明文字
     
105.   var slidelinks=new Array(); //slidelinks数组为点击大图后跳到的地址
     
106. 
     
107.   <!--{eval $i=0;}-->
     
108.   <!--{loop $_SBLOCK['picblog'] $key $value}-->
     
109.   slideimages[$i]="$value[a_thumbpath]";
     
110.   slidetext[$i]="$value[subject]";
     
111.   textcontent[$i]="辉县网-新模板紧张制作中，请您随时关注辉县网每天的变化。";  
     
112.   slidelinks[$i]="<!--{eval echo url_remake($value['url']);}-->";   
     
113.         <!--{eval $i++;}-->
     
114.         <!--{/loop}-->
     
115.                        
     
116.                        
     
117. 
     
118. 
     
119.   
     
120.   //焦点图初始内容－－start
     
121.   var slidespeed=5000
     
122.   
     
123.   var slidesanjiaobgimages=new Array("{S_URL}/templates/$_SCONFIG[template]/huandeng/1_c.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/2_c.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/3_c.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/4_c.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/5_c.gif");
     
124.   var slidesanjiaoimages=new Array("{S_URL}/templates/$_SCONFIG[template]/huandeng/1_g.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/2_g.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/3_g.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/4_g.gif","{S_URL}/templates/$_SCONFIG[template]/huandeng/5_g.gif");
     
125.   var slidesanjiaoimagesname=new Array("xiaosan1","xiaosan2","xiaosan3","xiaosan4","xiaosan5");
     
126.   
     
127.   var filterArray=new Array();
     
128.   filterArray[0]="progid:DXImageTransform.Microsoft.Slide(duration=2,bands=1,slideStyle=SWAP)";
     
129.   filterArray[1]="progid:DXImageTransform.Microsoft.Stretch (duration=1,stretchStyle=PUSH)";
     
130.   filterArray[2]="progid:DXImageTransform.Microsoft.Stretch(duration=1)";
     
131.   filterArray[3]="progid:DXImageTransform.Microsoft.Slide(bands=8, duration=1)";
     
132.   filterArray[4]="progid:DXImageTransform.Microsoft.Fade ( duration=1,overlap=0.25 )";
     
133.   
     
134.   var imageholder=new Array()
     
135.   var ie55=window.createPopup
     
136.   for (i=0;i<slideimages.length;i++){
     
137.   imageholder[i]=new Image()
     
138.   imageholder[i].src=slideimages[i]
     
139.   }
     
140.   
     
141.   function picstop(j){
     
142.           var j;
     
143.           if(j==1){
     
144.           document.getElementById("test0").innerHTML="<a style="cursor:hand" onClick="picstop(0)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/next_c.gif" id="picss" border="0"></a>";
     
145.           clearTimeout(setID);
     
146.           }else{
     
147.           document.getElementById("test0").innerHTML="<a style="cursor:hand" onClick="picstop(1)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/next_g.gif" id="picss" border="0"></a>";
     
148.           ou();
     
149.           }
     
150.   }
     
151.   function tu_ove(){clearTimeout(setID)}
     
152.   function ou(){
     
153.   slideit();
     
154.   document.getElementById("picss").src="{S_URL}/templates/$_SCONFIG[template]/huandeng/next_g.gif";
     
155.   }
     
156.   
     
157.           var whichlink=0
     
158.           var whichimage=0
     
159.          
     
160.           function gotoshow(){
     
161.                           window.open(slidelinks[whichlink]);
     
162.           }
     
163.          
     
164.           function slideit(){
     
165.          
     
166.           document.images.slide.style.filter=filterArray[whichimage];
     
167.           //alert(document.images.slide.style.filter);
     
168.           pixeldelay=(ie55)? (document.images.slide.filters[0].duration*1000) : 0
     
169.           //alert(pixeldelay);
     
170.           if (!document.images) return
     
171.          
     
172.           if (ie55) {
     
173.                           document.images.slide.filters[0].apply();
     
174.                           document.images.slide.filters[0].play();
     
175.                          
     
176.           }
     
177.           document.images.slide.src=imageholder[whichimage].src
     
178.          
     
179.           document.getElementById("textslide").innerHTML=slidetext[whichimage];
     
180.           document.getElementById("textcontent").innerHTML=textcontent[whichimage];
     
181.          
     
182.           document.getElementById("test1").innerHTML="<a style="cursor:hand" onClick="ove(0)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/1_g.gif" id="xiaosan1" border="0"></a>";       
     
183.           document.getElementById("test2").innerHTML="<a style="cursor:hand" onClick="ove(1)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/2_g.gif" id="xiaosan2" border="0"></a>";       
     
184.           document.getElementById("test3").innerHTML="<a style="cursor:hand" onClick="ove(2)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/3_g.gif" id="xiaosan3" border="0"></a>";       
     
185.           document.getElementById("test4").innerHTML="<a style="cursor:hand" onClick="ove(3)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/4_g.gif" id="xiaosan4" border="0"></a>";       
     
186.           document.getElementById("test5").innerHTML="<a style="cursor:hand" onClick="ove(4)"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/5_g.gif" id="xiaosan5" border="0"></a>";       
     
187.           document.getElementById("xiaosan1").src=slidesanjiaoimages[0];
     
188.           document.getElementById("xiaosan2").src=slidesanjiaoimages[1];
     
189.           document.getElementById("xiaosan3").src=slidesanjiaoimages[2];
     
190.           document.getElementById("xiaosan4").src=slidesanjiaoimages[3];
     
191.           document.getElementById("xiaosan5").src=slidesanjiaoimages[4];
     
192.          
     
193.           document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaobgimages[whichimage];
     
194.          
     
195.          
     
196.          
     
197.           if (ie55) document.images.slide.filters[0].play()
     
198.           whichlink=whichimage
     
199.           whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
     
200.           setID=setTimeout("slideit()",slidespeed+pixeldelay)
     
201.           }
     
202.           slideit()
     
203.           function ove(n){
     
204.                   for(var j=0;j<5;j++)
     
205.                   {
     
206.                           document.getElementById("test"+(j+1)).innerHTML="<a style="cursor:hand" onClick="ove("+j+")"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/"+(j+1)+"_c.gif" id="xiaosan"+(j+1)+"" border="0"></a>";
     
207.                           picstop(1);
     
208.                   }
     
209.                           document.getElementById("test"+(n+1)).innerHTML="<a style="cursor:hand" onClick="ou()"><img src="{S_URL}/templates/$_SCONFIG[template]/huandeng/"+(n+1)+"_c.gif" id="xiaosan"+(n+1)+"" border="0"></a>";               
     
210.                   clearTimeout(setID)
     
211.                   whichimage=n;
     
212.                   document.images.slide.src=imageholder[whichimage].src
     
213.                  
     
214.                   document.getElementById("textslide").innerHTML=slidetext[whichimage];
     
215.                   document.getElementById("textcontent").innerHTML=textcontent[whichimage];
     
216.                   document.getElementById("xiaosan1").src=slidesanjiaoimages[0];
     
217.                   document.getElementById("xiaosan2").src=slidesanjiaoimages[1];
     
218.                   document.getElementById("xiaosan3").src=slidesanjiaoimages[2];
     
219.                   document.getElementById("xiaosan4").src=slidesanjiaoimages[3];
     
220.                   document.getElementById("xiaosan5").src=slidesanjiaoimages[4];
     
221.                   document.getElementById(slidesanjiaoimagesname[whichimage]).src=slidesanjiaobgimages[whichimage];
     
222.           }
     
223. </SCRIPT>
     
224. </DIV>
     
225. <!--幻灯片结束-->

复制代码

附件中的文件解压到 模板文件夹下面

官方自带的效果

1.                 <!--图片附件-->
   
2.                 <!--{block name="bbsattachment" parameter="filetype/image/t_lastpost/2592000/order/t.replies DESC/limit/0,10/cachetime/49900/cachename/picthread/tpl/data"}-->
   
3.                 <div id="slideimg" class="block cleanblock topblock" style="height: 232px; overflow: hidden;">
   
4.                 <!--{if !empty($_SBLOCK['picthread'])}-->       
   
5.                 <script type="text/javascript" language="javascript">
   
6.                 <!--
   
7.                 var xsTextBar = 1; //是否显示文字链接，1为显示，0为不显示
   
8.                 var xsPlayBtn = 0; //是否显示播放按钮，1显示，0为不显示
   
9.                 var xsImgSize = new Array(194,194); //幻灯图片的尺寸，格式为“宽度,高度”
   
10.                
    
11.                 var xsImgs = new Array();
    
12.                 var xsImgLinks = new Array();
    
13.                 var xsImgTexts = new Array();
    
14.                
    
15.                 <!--{eval $i=0;}-->
    
16.                 <!--{loop $_SBLOCK['picthread'] $key $value}-->
    
17.                 xsImgs[$i] = "$value[attachment]";
    
18.                 xsImgLinks[$i] = "$value[url]";
    
19.                 xsImgTexts[$i] = "$value[subject]";
    
20.                 <!--{eval $i++;}-->
    
21.                 <!--{/loop}-->
    
22.                 //-->
    
23.                 </script>
    
24.                 <script language="javascript" type="text/javascript" src="{S_URL}/include/js/slide.js"></script>
    
25.                 <!--{/if}-->
    
26.                 </div>
    
27.                 <!--图片附件 结束-->

复制代码

这些都是在制作https://discuz.dismall.com/thread-742676-1-1.html中收集到的
这里整理一下 希望对大家制作模板能有所帮助

:victory:

`

收藏了啊。好东西！

稍微的那么顶一下