给图片增加了个lightbox效果，给大家瞧瞧

waikeren · 发表于 2010-3-6 03:15:31

本帖最后由 waikeren 于 2010-3-10 14:24 编辑

演示：已改版，不再提供。欢迎访问我站http://ent.365webs.com
制作步骤：
首先，把压缩包解压后放到lightbox文件夹

1、编辑header模板，在header里添加

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

复制代码

2、文件function/common.func.php找到

$thehtml = '<a href="'.$attachurl.'" target="_blank"><img src="'.$listvalue['fileurl'].'" border="0"></a>';
$thehtmlsmallpic = '<a href="'.$attachurl.'" target="_blank"><img src="'.$listvalue['thumburl'].'" border="0"></a>';

复制代码

改成

$thehtml = '<a href="'.$listvalue['fileurl'].'" target="_blank" rel="lightbox[contpic]"><img src="'.$listvalue['fileurl'].'" alt="'.$listvalue['subject'].'" border="0"></a>';
$thehtmlsmallpic = '<a href="'.$listvalue['fileurl'].'" target="_blank" rel="lightbox[contpic]"><img src="'.$listvalue['thumburl'].'" alt="'.$listvalue['subject'].'" border="0"></a>';

复制代码

这样，在你以后添加的文章里，图片就会出现这样的效果了。

qdcaishen · 发表于 2010-3-6 09:59:56

支持分享。

lwd815813 · 发表于 2010-3-14 20:58:51

怎么没图片效果看呀？来个演示~！

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

[模型] 给图片增加了个lightbox效果，给大家瞧瞧