基于jQuery的前后轮番有立体感的幻灯插件for帝国CMS 6.0

1.新建一个标签模板

页面模板内容:

[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

列表内容模板

(list.var)

<img src="[!--titlepic--]" alt="[!--oldtitle--]" />

2.页面内容:

在页头加入如下代码(可自行修改样式)：

<link type="text/css" rel="stylesheet" href="[!--news.url--]skin/JSizedCarouse/jsized.carousel.css"> 
<script src="[!--news.url--]skin/JSizedCarouse/js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="[!--news.url--]skin/JSizedCarouse/js/merged-without-jquery.js" type="text/javascript"></script>
<script>
jQuery(function($){
// this lines create a carousel when the page finishes loading
$('.example1').jsizedCarousel({
// disable slideshow
changeInterval: 0
});            
</script>

3.需要使用的 幻灯的地方 直接调用

示例：

<div class="jsizedCarousel example1">
[ecmsinfo]'news',10,0,0,18,2,1[/ecmsinfo]             
</div>
<script>
$('.example1').jsizedCarousel({
// disable slideshow
changeInterval: 0
});
</script>
  

注：2就是刚才新加的标签模板ID