昨天闲的没事,就把百度有啊的幻灯给仿了下,感觉还不错,唯一遗憾的就是帝国的文章系统没有缩略图这个字段,5.1要是加的上话就更完美了
演示地址：http://youa.nxit.net/lm/
下面提供方法
要建立两个标签模板，一个大图的，一个小图的
一、 新建一个标签模板（小图模板）
页面模板内容
[!--empirenews.listtemp--]
<LI class="first " style="LIST-STYLE-TYPE: none"><!--list.var1--></LI>
[!--empirenews.listtemp--]
列表内容模板
<A href="[!--titleurl--]" target=_blank><IMG src="[!--titlepic--]"></A>
二、新建一个标签模板（大图模板）
页面模板内容
<DIV class=enlarge>[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]</DIV>
列表内容模板
<A href="[!--titleurl--]" target=_blank><IMG class=img src="[!--titlepic--]"></A>
三、在你要插入幻灯的地方加入以下代码
<!-- //幻灯组件 -->
<div class=huandeng> <!-- //以下这三个JS在后面提供下载了 -->
<SCRIPT src="BBEffect.js" type=text/javascript></SCRIPT>
<SCRIPT src="core.js" type=text/javascript></SCRIPT>
<SCRIPT src="picslide.js" type=text/javascript></SCRIPT>
<!-- //幻灯组件 -->
<DIV class=cls id=fp-mantle style="margin-top:3px; margin-left:3px">
<DIV class=l><!-- notice -->
<DIV class=r><!-- slider --><!-- slider -->
<DIV class=slider><!-- 幻灯组件 -->
<DIV class="fp-mantle-slider cls" id=slider1><!-- 缩略图 -->
<DIV class=thumb>
<UL>
[ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,小图片标签模板的ID,只显示有标题图片[/ecmsinfo]
</UL>
</DIV><!-- //缩略图 --><!-- 数字面板 -->
<DIV class=number>
<UL>
<LI class="first selected">1
<LI style="LIST-STYLE-TYPE: none">2
<LI style="LIST-STYLE-TYPE: none">3
<LI style="LIST-STYLE-TYPE: none">4 </LI></UL></DIV><!-- //数字面板 --><!-- 大图 -->
[ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,大图片标签模板的ID,只显示有标题图片[/ecmsinfo]
<!-- //大图 --></DIV><!-- //幻灯组件 --></DIV>
</div></div></div>
<SCRIPT>
(function(){
var cont = G("slider1");
new PicSlide({
container:cont,
pics:Dom.getElementsByClassName("enlarge",cont)[0].getElementsByTagName("img"),
pages:Dom.getElementsByClassName("thumb",cont)[0].getElementsByTagName("li"),
autoPlay:true,
interval:5000,
delay:50,
effect:"fade",
eventEffect:"none",
eventType:"mouseover"
}).run();
})();
</SCRIPT><!-- //幻灯组件 --></div>
如果你图片要放更大或者放更小的话就改模签模板里的尺寸，还要记得改CSS里
提供4个文件下载
前面调用的三个JS，还有这个幻灯需要的CSS
第一次发贴，不知道给大家说清楚了没，呵呵，请版主加个精不知道可以不
上传以下附件：
[下载 *.rar](文件大小：10.80 KB,下载次数：114)
|
顶部 
加入收藏夹
2008-11-12 16:50:56 
已设置保密
回复
引用
报告
编辑
删除
支持
下一个!感谢!
还行