关于资讯页应用lightbox方式浏览图片附件的探讨

jsaren · 发表于 2007-4-21 09:22:13

首先鄙视一下有些中国人自以为懂得点英文，把人家老外的东西翻译过来，就当成自己的到处炫耀，甚至不知羞耻的要人家给他捐款以提供继续开发。丑陋之极！
lightbox原网址：http://www.huddletogether.com/projects/lightbox/

以下是我的纸上谈兵，不要使用！供大家来探讨滴~~~~
等代码成熟了再用！

1、首先下载llightbox最新版本的文件包（本贴后面附上本贴发表时的lightbox版本，欲取得更新版本请自行访问上述网址），将文件包中的js目录下的所有文件上传到你的ss的include/js目录；将文件包中的css目录里面的css文件上传到ss根目录里面的css目录；将文件包中的images目录里面的所有文件上传到ss根目录下的images目录里。

2、打开templates/softsea 或者template/default 或者你的其他模板中的news_header.html.php文件，在他们的头部head区域（即<head>和</head>之间），加入如下代码：

<script src="{S_URL}/include/js/prototype.js" type="text/javascript" language="javascript"></script>
<script src="{S_URL}/include/js/scriptaculous.js?load=effects" type="text/javascript" language="javascript"></script>
<script src="{S_URL}/include/js/lightbox.js" type="text/javascript" language="javascript"></script>
<link rel="stylesheet" type="text/css" href="{S_URL}/css/lightbox.css" />

复制代码

3、打开打开templates/softsea 或者template/default 或者你的其他模板中的news_view.html.php文件，找到如下或类似代码：

<br /><a href="$attach[url]" target="_blank"><img src="$attach[thumbpath]" alt="$attach[subject]" /></a><br />$attach[subject]<br />

复制代码

改成：

<br /><div style="width: 112px; float:left;margin-right: 12px;margin-bottom:1em;line-height:120%;text-align:center; "><a href="$attach[filepath]" rel="lightbox"><img src="$attach[thumbpath]" alt="$attach[subject]" height="40" width="100" /></a>$attach[subject]</div>

复制代码

[ 本帖最后由 jsaren 于 2007-4-21 12:04 编辑 ]

jsaren · 发表于 2007-4-21 09:24:00

占位更新！！！！

依蕾莎 · 发表于 2007-4-21 11:14:46

好东西收下了..谢谢

998w · 发表于 2007-4-21 14:30:59

你这个只是加了单个的图片lightbox激活，要是组图咧，会不会有冲突！
我现在就是想把这个功能实现到论坛里，搞得我好郁闷，lightbox就是不听我话，不能激活

998w · 发表于 2007-4-21 14:31:41

研究了两天了，一点进展也没有，我晕哟！！！

jsaren · 发表于 2007-4-21 14:37:44

这两天干扰太多，根本没有一段完整的时间坐下来研究。

htmlrss · 发表于 2007-4-21 15:56:04

原帖由 jsaren 于 2007-4-21 14:37 发表
这两天干扰太多，根本没有一段完整的时间坐下来研究。

在Firefox和Opera兼容吗?

aqxsj · 发表于 2007-4-21 19:33:12

关注中！回头也来研究下，一直就是想把他弄到ＳＳ里用！那样也好弥补下ＳＳ没图片频道的缺憾！！

给大家个案例：http://static.chinavisual.com/st ... 70219215542_1.shtml

这个站据说是用ＳＳ４.１做的，不过现在好象改了！！

zhouc · 发表于 2007-4-22 17:10:38

JS库最好少用，否则客户端缓存吃不消。
AJAX确实好，但也确实很占资源。

乔北 · 发表于 2007-4-24 10:07:29

非常感谢！！！

		自动登录	找回密码
密码			立即注册

[疑难] 关于资讯页应用lightbox方式浏览图片附件的探讨

评分