在网上找的，终于能用了，不敢独享贴出来了，将文件中的js、css放置在相应位置然后在模板中调用一下，下面是放入模板的代码：

<div class="content_l">

              <ul id="slideshow">{LB_文摘幻灯}

   </ul>

<div id="wrapper">

  <div id="fullsize">

   <div id="imgprev" class="imgnav" title="Previous Image"></div>

   <div id="imglink"> </div>

   <div id="imgnext" class="imgnav" title="Next Image"></div>

   <div id="image"></div>

   <div id="information">

    <h3>  </h3>

    <p></p>

   </div>

  </div>

                  <div id="thumbnails" >

   <div id="slideleft" title="Slide Left"></div>

   <div id="slidearea">

    <div id="slider" ></div>

   </div>

   <div id="slideright" title="Slide Right"></div>

  </div>

  

   </div><script type="text/javascript" src="{$GetInstallDir}js/compressed.js"></script>

<script type="text/javascript">

$('slideshow').style.display='none';

$('wrapper').style.display='block';

var slideshow=new TINY.slideshow("slideshow");

window.onload=function(){

  slideshow.auto=true;

  slideshow.speed=5;

  slideshow.link="linkhover";

  slideshow.info="information";

  slideshow.thumbs="slider";

  slideshow.left="slideleft";

  slideshow.right="slideright";

  slideshow.scrollSpeed=4;

  slideshow.spacing=5;

  slideshow.active="#fff";

  slideshow.init("slideshow","image","imgprev","imgnext","imglink");

}

</script></div>

下面是 自定义输出模式{LB_文摘幻灯} 标签：

[loop={@num}]

<li> <h3> <a href="{@linkurl}" > {@title}</a>

   <span> {@photourl}</span>

   <p> {@intro}</p>

   <a href="#"><img src="{@photourl}" height="75"/></a>

  </li>[/loop]  

我用的是文章频道，频道数据表好像没有原图片地址字段，就只好用缩略图了，有高手可以完善一下,下面效果 ：演示http://www.amspur.com/

源文件稍大，传不上来，贴下载地址给大家http://adcode.52yuanma.com/demo/huandeng/34.rar：

来学学先