
今天给emlog增加了个 lightbox效果,可能有朋友喜欢修改过程和大家分享下。
1.将lbimage文件夹放置于blog根目录
2.将lightbox文件夹放置于所有模板目录下如:content\templates\default
3.修改模板目录文件header.php.在<head>与</head>中插入
XML/HTML代码
- <link rel="stylesheet" href="<?php echo $em_tpldir; ?>lightbox/screen.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="<?php echo $em_tpldir; ?>lightbox/xstyle.css" type="text/css" media="screen" />
- <script type="text/javascript" src="<?php echo $em_tpldir; ?>lightbox/js.js"></script>
- <script type="text/javascript" src="<?php echo $em_tpldir; ?>lightbox/arel.js"></script>
将<body>修改成<body onload="initLightbox()">
4.修改模板目录下文件footer.php。在代码最前面增加<script>AddImgLink("posts")</script>
这时候已经完成了,如果发现前台页面有错乱颜色不对的清空是lightbox的css样式与模板文件的css冲突引起的。酌情修改下lightbox带的两个css文件。
演示效果:http://blog.uncleliu.cn/?action=showlog&gid=71
注意:要等页面全败加载完全,lightbox效果才能生效。

