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
下一个:帝国cms单行滚动标签插件
提交您的需求,定制插件。
立即咨询Copyright@2008-2023 版权所有 帝国CMS模板