打印

送一个本人收藏最牛Ｘ的幻灯片代码希望大家喜欢！

gvtbs [楼主]

中级会员

帖子: 86
体力: 280
威望: 2
当前: 山东临沂
离线: 2 天

专长 前端制作,JS,PHP

1^# 大中小发表于 2007-10-15 13:14

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/JavaScript">
//<![CDATA[
var agent = navigator.userAgent.toLowerCase();
var appver = parseInt(navigator.appVersion);
var bCanBlend = (agent.indexOf('msie') != -1) && (agent.indexOf('opera') == -1) &&
(appver >= 4) && (agent.indexOf('msie 4') == -1) &&
(agent.indexOf('msie 5.0') == -1);
var filterNames = new Array(16), filters = new Array(16);
filterNames[0] = '混合';
filters[0] = 'progid:DXImageTransform.Microsoft.Fade(duration=1)';
filterNames[1] = '百叶窗';
filters[1] = 'progid:DXImageTransform.Microsoft.Blinds(duration=1,bands=20)';
filterNames[2] = '棋盘';
filters[2] = 'progid:DXImageTransform.Microsoft.Checkerboard(duration=1,squaresX=20,squaresY=20)';
filterNames[3] = '对角线';
filters[3] = 'progid:DXImageTransform.Microsoft.Strips(duration=1,motion=rightdown)';
filterNames[4] = '门状';
filters[4] = 'progid:DXImageTransform.Microsoft.Barn(duration=1,orientation=vertical)';
filterNames[5] = '梯形';
filters[5] = 'progid:DXImageTransform.Microsoft.GradientWipe(duration=1)';
filterNames[6] = '彩虹';
filters[6] = 'progid:DXImageTransform.Microsoft.Iris(duration=1,motion=out)';
filterNames[7] = '风车';
filters[7] = 'progid:DXImageTransform.Microsoft.Wheel(duration=1,spokes=12)';
filterNames[8] = '点状';
filters[8] = 'progid:DXImageTransform.Microsoft.Pixelate(duration=1,maxSquare=10)';
filterNames[9] = '放射状';
filters[9] = 'progid:DXImageTransform.Microsoft.RadialWipe(duration=1,wipeStyle=clock)';
filterNames[10] = '雨';
filters[10] = 'progid:DXImageTransform.Microsoft.RandomBars(duration=1,orientation=vertical)';
filterNames[11] = '幻灯片';
filters[11] = 'progid:DXImageTransform.Microsoft.Slide(duration=1,slideStyle=push)';
filterNames[12] = '雪';
filters[12] = 'progid:DXImageTransform.Microsoft.RandomDissolve(duration=1,orientation=vertical)';
filterNames[13] = '螺旋形';
filters[13] = 'progid:DXImageTransform.Microsoft.Spiral(duration=1,gridSizeX=40,gridSizeY=40)';
filterNames[14] = '拉伸';
filters[14] = 'progid:DXImageTransform.Microsoft.Stretch(duration=1,stretchStyle=push)';
filterNames[15] = '随机';
filters[15] = 'RANDOM';
// ]]>
</script>
<title>cokin filter 的幻灯片放映</title>
<link rel="stylesheet" type="text/css" href="/g211b/modules/colorpack/packs/Color1002/color.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="/g211b/themes/Theme2002/theme.css"/>
</head>
<body class="gallery">
<div id="gallery" class="IE">
<div style="display:none">
<a id="item_0_0"
href="http://333.fotoc.com/kingmushroom/d/2014-1/cokin2.JPG"></a>
<a id="item_0_1"
href="http://333.fotoc.com/kingmushroom/d/2623-2/cokin2.JPG"></a>
<a id="item_0_2"
href="http://333.fotoc.com/kingmushroom/d/2015-2/cokin2.JPG"></a>
<a id="href_0" href="http://333.fotoc.com/kingmushroom/selling/cokin/cokin2.JPG.html"></a>
<span id="title_0">cokin2</span>
<span id="summary_0"></span>
<span id="date_0">
日期: 2006年05月01日
</span>
<span id="description_0"></span>
</div>
<div style="display:none">
<a id="item_1_0"
href="http://333.fotoc.com/kingmushroom/d/1993-2/cokin.JPG"></a>
<a id="item_1_1"
href="http://333.fotoc.com/kingmushroom/d/2620-2/cokin.JPG"></a>
<a id="item_1_2"
href="http://333.fotoc.com/kingmushroom/d/1994-2/cokin.JPG"></a>
<a id="href_1" href="http://333.fotoc.com/kingmushroom/selling/cokin/cokin.JPG.html"></a>
<span id="title_1">cokin</span>
<span id="summary_1"></span>
<span id="date_1">
日期: 2006年05月01日
</span>
<span id="description_1"></span>
</div>
<script type="text/JavaScript">
// <![CDATA[
var image = new Image(), timer, iDelay = 3000, iDir = 1, iSize = 2;
var bPause = 0, bShowText = 0, bShowTools = 1;
var linkStop, spanPause, spanText, toolText;
var toolBar, textBanner, spanTitle, spanSummary, spanDate, spanDescription;
var index = 0, count = 2;
var is_cached = new Array(count), item_map = new Array(count);
for (i=0; i < count; i++) is_cached[i] = new Array(0,0,0,0,0,0);
item_map[0] = new Array(2,2,1,0,0,0);
item_map[1] = new Array(2,2,1,0,0,0);
function random_int(i) {
return Math.floor(i*(Math.random()%1));
}
var random_order = new Array(count);
for (i=0; i < count; i++) random_order[i] = i;
for (i=count-1; i > 0; i--) {
j = random_int(i+1);
k = random_order[i];
random_order[i] = random_order[j];
random_order[j] = k;
}
function move_index(by) {
if (iDir==0/*random*/) {
random_index = 0;
for (i = 0; i < count; i++)
if (random_order[i] == index) {
random_index = i;
break;
}
return random_order[(random_index+by+count)%count];
}
else return (index+(by*iDir)+count)%count;
}
function preload(i) {
if (!is_cached[i][iSize]) {
is_cached[i][iSize] = 1;
image.src = document.getElementById('item_'+i+'_'+item_map[i][iSize]).href;
}
}
function slide_view_start() {
if (bShowText) show_text();
preload(move_index(1));
if (timer) { clearInterval(timer); clearTimeout(timer); } // Avoid extra timers in opera
if (!bPause) timer = setTimeout('goto_next_photo()', iDelay);
}
function goto_next_photo() {
index = move_index(1);
if (bCanBlend) apply_filter();
document.images.slide.src =
document.getElementById('item_'+index+'_'+item_map[index][iSize]).href;
linkStop.href = document.getElementById('href_'+index).href;
if (bCanBlend) document.images.slide.filters[0].Play();
}
function show_text() {
spanTitle.innerHTML = document.getElementById('title_'+index).innerHTML;
spanSummary.innerHTML = document.getElementById('summary_'+index).innerHTML;
spanDate.innerHTML = document.getElementById('date_'+index).innerHTML;
spanDescription.innerHTML = document.getElementById('description_'+index).innerHTML;
}
function text_onoff() {
bShowText = bShowText ? 0 : 1;
if (bShowText) show_text(); else {
spanTitle.innerHTML = spanSummary.innerHTML =
spanDate.innerHTML = spanDescription.innerHTML = '';
}
textBanner.style.display = bShowText ? 'block' : 'none';
spanText.innerHTML = bShowText ? '隐藏更多信息'
: '显示更多信息'; 
}
function start_stop() {
bPause = bPause ? 0 : 1;
if (bPause) clearTimeout(timer);
else goto_next_photo();
spanPause.innerHTML = bPause ? '继续'
: '暂停'; 
}
function jump(by) {
index = move_index(by);
clearTimeout(timer);
goto_next_photo();
}
function apply_filter() {
f = filters[document.getElementById('filter').selectedIndex];
if (f == 'RANDOM') f = filters[random_int(filters.length-1)];
document.images.slide.style.filter = f;
document.images.slide.filters[0].Apply();
}
function new_size(size) {
iSize = size;
jump(-1);
}
function new_order(direct) {
iDir = direct;
}
function new_delay(delay) {
iDelay = delay*1000;
jump(-1);
}
function tools_onoff() {
bShowTools = bShowTools ? 0 : 1;
toolBar.style.display = bShowTools ? 'block' : 'none';
toolText.innerHTML = bShowTools ? '[-]'
: '[+]'; 
}
// ]]>
</script>
<div style="float:left">
<a onclick="tools_onoff();return false">
<span id="tools" style="margin:0;padding:0">
[-]
</span>
</a>
</div>
<div id="gsContent" class="gcBorder1">
<div id="toolbar" class="gbBlock gcBackground1">
<a id="stop" href="http://333.fotoc.com/kingmushroom/selling/cokin/cokin2.JPG.html">
停止
</a>
&nbsp;
<a href="#" onclick="start_stop();return false">
<span id="pause">暂停</span>
</a>
&nbsp;
<a href="#" onclick="jump(-2);return false">
返回单个图片显示
</a>
&nbsp;
<a href="#" onclick="text_onoff();return false">
<span id="moreInfo">显示更多信息</span>
</a>
&nbsp;
延时:
<select onchange="new_delay(this.value)">
<option selected="selected" value="3">3秒</option>
<option value="5">5秒</option>
<option value="10">10秒</option>
<option value="15">15秒</option>
<option value="20">20秒</option>
</select>
&nbsp;
方向:
<select onchange="new_order(this.value)">
<option value="1">向前</option>
<option value="-1">向后</option>
<option value="0">随机</option>
</select>
&nbsp;
最大尺寸:
<select onchange="new_size(this.value)">
<option value="0">320 x 320</option>
<option value="1">640 x 640</option>
<option selected="selected" value="2">800 x 800</option>
<option value="3">1024 x 1024</option>
<option value="4">1280 x 1280</option>
</select>
&nbsp;
<script type="text/JavaScript">
// <![CDATA[
if (bCanBlend) {
document.write('&nbsp; 淡出:<select id="filter">');
for (i = 0; i < filterNames.length; i++) {
document.write('<option>'+filterNames[i]);
}
document.write('</select>');
}
// ]]>
</script>
</div>
<div class="gbItemImage" align="center">
<img id="slide" alt="" src=""/>
</div>
<div id="textBanner" class="gbBlock gcBackground1" style="display:none" align="center">
<div class="giTitle" id="title"></div>
<div class="giDescription" id="summary"></div>
<div class="giInfo summary" id="date"></div>
<div class="giInfo summary" id="description"></div>
</div>
</div>
<script type="text/JavaScript">
// <![CDATA[
linkStop = document.getElementById('stop');
spanPause = document.getElementById('pause');
spanText = document.getElementById('moreInfo');
toolText = document.getElementById('tools');
toolBar = document.getElementById('toolbar');
textBanner = document.getElementById('textBanner');
spanTitle = document.getElementById('title');
spanSummary = document.getElementById('summary');
spanDate = document.getElementById('date');
spanDescription = document.getElementById('description');
document.images.slide.onload = slide_view_start;
document.images.slide.onerror = goto_next_photo;
document.images.slide.src =
document.getElementById('item_0_'+item_map[0][iSize]).href;
// ]]>
</script>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

做西部数码代理.Cn1元国际45元

dashzhao

赵勇

银牌会员

帖子: 2150
体力: 1699
威望: 2
当前: 广东深圳

专长 网站运营,项目管理,推广

2^# 大中小发表于 2007-10-15 13:16

真的蛮牛X

TOP

xiaoququ

视觉

银牌会员

帖子: 1702
体力: 1658
威望: 10
当前: 上海徐汇
离线: 2 天

专长 网页设计,Flash,UE

3^# 大中小发表于 2007-10-15 13:19

不错收藏了

特^.^.^色

TOP

请大家尊重和保护奥运知识产权。

wmfx188

新手上路

帖子: 36
体力: 27
威望: 0
当前: 四川成都
离线: 35 天

4^# 大中小发表于 2007-10-15 14:34

是不错的资源!　

wmwmwmwm

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

comasp

高级会员

帖子: 388
体力: 679
威望: 0
离线: 1 天

专长 JS,JSP,UE

5^# 大中小发表于 2007-10-15 22:11

好牛啊。。。。。。。。。。

不回帖好了,应该没有广告帖了吧。cssrain.cn

TOP

chong6

高级会员

帖子: 463
体力: 962
威望: 0
离线: 3 天

6^# 大中小发表于 2007-10-15 23:39

牛~~~~~~~~~~~~~~

TOP

cjuan723

初级会员

帖子: 38
体力: 69
威望: 0
离线: 3 天

7^# 大中小发表于 2007-10-16 09:38

很不错的样子哟

TOP

asdfgasdfg1

黑色瞳孔

银牌会员

帖子: 611
体力: 1088
威望: 0
当前: 大洋州澳大利亚
离线: 53 天

8^# 大中小发表于 2007-10-16 09:43

速度好慢啊
能解决吗?

TOP

winhero_charles

幽谷鸟

银牌会员

帖子: 881
体力: 1820
威望: 2
当前: 广东东莞
离线: 3 天

9^# 大中小发表于 2007-10-16 11:42

我很喜欢

疯狂学Javascript,请多指教

TOP

gvtbs [楼主]

中级会员

帖子: 86
体力: 280
威望: 2
当前: 山东临沂
离线: 2 天

专长 前端制作,JS,PHP

10^# 大中小发表于 2007-10-16 16:03

速度可以自己调的！！

TOP

521yda3

新手上路

帖子: 4
体力: 14
威望: 0
当前: 安徽大洋州
离线: 306 天

11^# 大中小发表于 2007-10-18 16:49

是加载的速度，不是播放的速度，gvtbs错了。

*594223*

TOP

udbyygy

心肠大大滴好

荣誉管理团队

帖子: 1222
体力: 2079
威望: 4
当前: 北京丰台区
离线: 57 天

专长 C/C++

12^# 大中小发表于 2007-10-18 16:55

要IE和FF 一样,看我写的,

提示：您可以先修改部分代码再运行

[ 本帖最后由 udbyygy 于 2007-10-18 16:59 编辑 ]

[wma]http://jie.splan.cn/ggldl/梅艳芳.mp3[/wma]

TOP

taijizhenren

新手上路

帖子: 10
体力: 26
威望: 0
当前: 河北石家庄
离线: 294 天

13^# 大中小发表于 2007-11-2 10:34

不错，蛮牛的效果！！收下了！！

TOP

e4

初级会员

帖子: 49
体力: 84
威望: 0

14^# 大中小发表于 2007-11-2 13:41

都厉害，收下，谢

TOP

afeicool

难过

中级会员

帖子: 169
体力: 322
威望: 0
当前: 江苏南京

15^# 大中小发表于 2007-11-2 16:36

挺好的,呵呵

永恒国度｜写程序我不行.比帅气你不行。

TOP

yiman18

新手上路

帖子: 20
体力: 45
威望: 0
当前: 浙江嘉兴
离线: 51 天

16^# 大中小发表于 2008-1-18 14:05

是不错的资源!　

TOP

joelioa

烟灰受伤

中级会员

帖子: 229
体力: 472
威望: 0
当前: 天津南开

17^# 大中小发表于 2008-1-21 16:03

留个脚印收藏。
真牛X，

TOP

wchwei2008

初级会员

帖子: 32
体力: 81
威望: 0
离线: 59 天

18^# 大中小发表于 2008-1-22 10:05

不错，我喜欢~~

TOP

protossfans

中级会员

帖子: 155
体力: 311
威望: 0
当前: 四川成都
离线: 80 天

19^# 大中小发表于 2008-1-22 10:18

xihuan 12 de

4WD

TOP

tudouyatou

新手上路

帖子: 7
体力: 15
威望: 0
离线: 22 天

20^# 大中小发表于 2008-1-25 10:49

不错，土豆丫头收下了，谢谢1

土豆丫头

TOP

q39394601w

中级会员

帖子: 193
体力: 417
威望: 1
当前: 天津河西
离线: 7 天

21^# 大中小发表于 2008-1-25 11:02

不错~收藏

www.showwho.com

TOP

morrisonwu

初级会员

帖子: 24
体力: 50
威望: 0
当前: 上海徐汇
离线: 1 天

22^# 大中小发表于 2008-4-22 22:37

MARK一下，以后好查找

TOP

fuguojian1988

天天向网NET

银牌会员

帖子: 782
体力: 1618
威望: 0
当前: 河南商丘
离线: 17 天

专长 网页设计,平面,前端制作

23^# 大中小发表于 2008-4-23 00:06

去年我在经典里面见过楼主的那效果啦，见之不怪

XHTML--CSS（Web标准）联盟 QQ群：6258367

TOP

puchunxiao

新手上路

帖子: 6
体力: 17
威望: 0
当前: 北京东城区
离线: 46 天

24^# 大中小发表于 2008-4-23 06:30

是不错的资源!

TOP

jhd772

新手上路

帖子: 15
体力: 35
威望: 0

25^# 大中小发表于 2008-5-17 10:56

果然~~~当真

TOP

fishcynn

龙江曦月

中级会员

帖子: 227
体力: 454
威望: 0
当前: 福建泉州
离线: 14 天

专长 网页设计,前端制作,ASP

26^# 大中小发表于 2008-5-17 11:42

效果还不错。。。。。。

TOP

imyuanb

中级会员

帖子: 125
体力: 219
威望: 0
当前: 湖南娄底
离线: 4 天

27^# 大中小发表于 2008-5-17 11:45

牛X

TOP

cehen

初级会员

帖子: 30
体力: 69
威望: 0
当前: 湖南长沙

28^# 大中小发表于 2008-5-17 21:57

很厉害啊，收藏啦

学习学习再学习

TOP

jiale2008

初级会员

帖子: 3
体力: 59
威望: 0
当前: 河南郑州
离线: 29 天

29^# 大中小发表于 2008-5-20 11:40

不错，收藏了！

TOP