本帖最后由 shuhong 于 2008-12-5 20:41 编辑
*/插件是来自ja的插件转过来的。其版权归ja商业模板作者。
展示网页(带4种效果)
*/安装说明:把RokSlideshow整个文件夹放到网站跟目录,在你需要使用的页面代码头部插入下面的2行代码:
<script type="text/javascript" src="../rokslideshow/mootools-release-1.11.js"></script>
<script type="text/javascript" src="../rokslideshow/rokslideshow.js"></script>
*/然后在你需要放置幻灯处加以下的代码(以最新资讯为例):
<div id="slidewrap">
<div id="slideshow"></div>
<div id="loadingDiv"></div>
</div>
<script type="text/javascript">
window.RokSlideshowPath = '';
var myshow;
window.addEvent('load', function(){
var imgs = [];
<!--图文资讯幻灯片-->
<!--{block name="spacenews" parameter="haveattach/2/order/i.dateline ASC,i.dateline ASC,i.dateline ASC/limit/0,2/cachetime/900/showdetail/1/messagelen/100/messagedot/1/cachename/picnews/tpl/data"}-->
<!--{loop $_SBLOCK['picnews'] $value}-->
imgs.push({
file: '$value[a_thumbpath]',
title: '$value[subjectall]',
desc: '$value[message]',
url: '$value'
});
<!--{/loop}-->
myshow = new Slideshow('slideshow', {
type: 'combo',
showTitleCaption: 1,
captionHeight: 45,
width: 450,
height: 300,
pan: 20,
zoom: 50,
loadingDiv: 1,
resize: true,
duration: [2000, 9000],
transition: Fx.Transitions.Expo.easeOut,
images: imgs,
path: ''
});
myshow.caps.h2.setStyles({
color: '#fff',
fontSize: '12px'
});
myshow.caps.p.setStyles({
color: '#ccc',
fontSize: '12px'
});
});
</script>
*/有问题请到我的论坛的网页设计提问:
[url]http://www.mtoo8.com/bbs/forum-16-1.html
|
|