基于jQuery的前后轮番有立体感的幻灯插件for帝国CMS 6.0
- 购买费用： 元
- 发布时间：2022-10-28 21:05:39
- 浏览次数：678
前往下载 在线客服
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
