如何更换默认的图文幻灯片 -- [社长D第一部教程]

本来这就不是什么技术含量高的东西，以为直接有代码，上网搜索也不见有，所以自己花了点时间写。下面介绍一下如何修改首页的图文幻灯片。
一、找到默认的图文调用代码
      我们在\templates\default下找到index.html.php文件，即首页的模板文件，在里面找到下面代码

1. <!--最新日志图片幻灯片 开始-->
   
2. <!--{block name="spaceblog" parameter="haveattach/1/showattach/1/order/i.dateline DESC/limit/0,4/cachetime/13930/cachename/picblog/tpl/data"}-->
   
3. <div id="slideimg" class="block cleanblock topblock" style="height: 205px; overflow: hidden;">
   
4. <!--{if !empty( $_SBLOCK['picblog'])}-->
   
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(200,167); //幻灯图片的尺寸，格式为“宽度,高度”
   
10. 
    
11. var xsImgs = new Array();
    
12. var xsImgLinks = new Array();
    
13. var xsImgTexts = new Array();
    
14. 
    
15. <!--{eval $i=0;}-->
    
16. <!--{loop $_SBLOCK['picblog'] $key $value}-->
    
17. xsImgs[$i] = "$value[a_thumbpath]";
    
18. xsImgLinks[$i] = "<!--{eval echo url_remake($value['url']);}-->";
    
19. xsImgTexts[$i] = "<!--{eval echo addslashes($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>

复制代码

上面这些就是我们需要修改的部分，

二、下载需要的代码。
    我们从某个网站上下载到一个幻灯片的代码和的Shockwave Flash Object，类似的如果你喜欢某一类的幻灯片样式，也可以把它页面的script代码和FLASH下载过来。

1. <script type="text/javascript">
   
2. var focus_width=391
   
3. var focus_height=221
   
4. var text_height=18
   
5. var swf_height = focus_height+text_height
   
6. var pics=""
   
7. var links=""
   
8. var texts=""
   
9. 
   
10. pics+="图片1"+"|"
    
11. links+="链接1"+"|"
    
12. texts+="标题1"+"|"
    
13. 
    
14. pics+="图片2"+"|"
    
15. links+="链接2"+"|"
    
16. texts+="标题2"+"|"
    
17. 
    
18. 
    
19. pics+="图片3"+"|"
    
20. links+="链接3"+"|"
    
21. texts+="标题3"+"|"
    
22. 
    
23. 
    
24. 
    
25. pics=pics.substring(0,pics.length-1)
    
26. links=links.substring(0,links.length-1)
    
27. texts=texts.substring(0,texts.length-1)
    
28. document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    
29. 
    
30. codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'"
    
31. 
    
32. height="'+ swf_height +'">');
    
33. document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="focus.swf"><param
    
34. 
    
35. name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
    
36. document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
    
37. document.write('<param name="FlashVars"
    
38. 
    
39. value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+t
    
40. 
    
41. ext_height+'">');
    
42. document.write('</object>');
    
43. </script>

复制代码

上面的文字为我们替换网站上相应的内容，我们需要修改的有三处地方。
第一处

1. var focus_width=391
   
2. var focus_height=221
   
3. var text_height=18

复制代码

这个是修改长度、高度 和文字高度。自行根据需要修改
第二处

1. pics+="图片1"+"|"
   
2. links+="链接1"+"|"
   
3. texts+="标题1"+"|"
   
4. 
   
5. pics+="图片2"+"|"
   
6. links+="链接2"+"|"
   
7. texts+="标题2"+"|"
   
8. 
   
9. 
   
10. pics+="图片3"+"|"
    
11. links+="链接3"+"|"
    
12. texts+="标题3"+"|"

复制代码

此处是图片、链接、和标题的相应内容，我们利用默认模板里面的 loop来修改，如下

1. <!--{eval $i=0;}-->
   
2. <!--{loop $_SBLOCK['picblog'] $key $value}-->
   
3. xsImgs[$i] = "$value[a_thumbpath]";
   
4. xsImgLinks[$i] = "<!--{eval echo url_remake($value['url']);}-->";
   
5. xsImgTexts[$i] = "<!--{eval echo addslashes($value[subject])}-->";
   
6. <!--{eval $i++;}-->
   
7. <!--{/loop}-->

复制代码

这段代码是做一个循环把图片、链接、和标题输入一个数组里面，我们可以修改为如下

1. <!--{eval $i=0;}-->
   
2. <!--{loop $_SBLOCK['picnews'] $key $value}-->
   
3. pics+= "$value[a_thumbpath]"+"|";
   
4. links+="<!--{eval echo url_remake($value['url']);}-->"+"|";
   
5. texts+="<!--{eval echo addslashes($value[subject])}-->"+"|";
   
6. <!--{eval $i++;}-->
   
7. <!--{/loop}-->

复制代码

第三处

1. document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="templates/focussports1.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');

复制代码

上面的value="templates/focus.swf" 是我们需要修改的，也就是我们的播放器的地址，假如我们把它放在默认的模板文件下面images文件夹，则把templates/focussports1.swf改为 {S_URL}/templates/$_SCONFIG[template]/images/focus.swf

到此 我们已经全部修改完毕。最终代码为

1. <script type="text/javascript" language="javascript">
   
2. <!--
   
3. 
   
4. 
   
5. var focus_width=391
   
6. var focus_height=221
   
7. var text_height=18
   
8. var swf_height = focus_height+text_height
   
9. var pics=""
   
10. var links=""
    
11. var texts=""
    
12. 
    
13. 
    
14. <!--{eval $i=0;}-->
    
15. <!--{loop $_SBLOCK['picnews'] $key $value}-->
    
16. pics+= "$value[a_thumbpath]"+"|";
    
17. links+="<!--{eval echo url_remake($value['url']);}-->"+"|";
    
18. texts+="<!--{eval echo addslashes($value[subject])}-->"+"|";
    
19. <!--{eval $i++;}-->
    
20. <!--{/loop}-->
    
21. 
    
22. 
    
23. 
    
24. 
    
25. pics=pics.substring(0,pics.length-1)
    
26. links=links.substring(0,links.length-1)
    
27. texts=texts.substring(0,texts.length-1)
    
28. document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
    
29. document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="{S_URL}/templates/$_SCONFIG[template]/images/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
    
30. document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
    
31. document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
    
32. document.write('</object>');
    
33. //-->
    
34. </script>

复制代码

修改幻灯片的大概方法就是这样，大家可以根据自己的需要修改某些网站比较炫的幻灯片 。方法都差不多。本例用的附件随文章提供。
另外
了解SS大概半个月，最大一点不好就是没有开源，很多东西不能看。
花了点时间写上面的东西 谢谢支持，大家能给点币就给（好穷，前天才注册，不能到发展建议那里留言），不能就回个贴支持一下。

哥们你真及时啊！
貌似真在找这个
没金币了
我就看看啦 顶下你！

LZ我们 都支持你

加油

继续努力

不错，顶一下