Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[分享] [好棒的插件]一个比flash幻灯片更好的幻灯片插件RokSlideshow

[复制链接]
shuhong 发表于 2008-12-5 11:33:40 | 显示全部楼层 |阅读模式
本帖最后由 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


截图15.jpg

RokSlideshow.rar

23.97 KB, 下载次数: 402

yuesebar 发表于 2008-12-5 12:46:26 | 显示全部楼层
还不错,一般用于全景展示。
回复

使用道具 举报

123752619 发表于 2008-12-5 13:13:07 | 显示全部楼层
挺不错的插件 支持了。。。
回复

使用道具 举报

abcnic1 发表于 2008-12-5 13:28:38 | 显示全部楼层
不错 :)
回复

使用道具 举报

ce0812 发表于 2010-4-19 04:32:23 | 显示全部楼层
為什麼裝了沒有用呢 我少了什麼動作嗎?
回复

使用道具 举报

abc做模板 发表于 2010-4-19 10:01:04 | 显示全部楼层
顶顶








19.gif
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-17 15:52 , Processed in 0.037332 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表