- 积分
- 127886
- 在线时间
- 小时
- 注册时间
- 2010-9-23
- 最后登录
- 1970-1-1
|
先展示下效果啊,这个功能最大的用途就是,文章系统可以做图库了
第一步:打开source\module\portal\portal_view.php
在代码:
- $article['pic'] = pic_get($article['pic'], 'portal', $article['thumb'], $article['remote']);
复制代码
之后插入
- if($article['pic'] && $article['thumb']){
- $query = DB::query("SELECT * FROM ".DB::table('portal_attachment')." WHERE aid='$aid'");
- while ($value = DB::fetch($query)) {
- //$article['pics_thumb'][] = $value;
- $article['pics_thumb'][] = pic_get($value['attachment'], 'portal', $value['thumb'], $value['remote'], 0);
- }
- }
复制代码
第二部分:打开:template\default\portal\view.htm
在代码:
- <table cellpadding="0" cellspacing="0" class="vwtb"><tr><td>
- <!--{ad/article/a_af/1}-->
复制代码
之前插入
- <div id="viewphoto">
- <LINK href="static/image/common/photo.css" type="text/css" rel="stylesheet">
- <SCRIPT language=JavaScript src="{$_G['setting']['jspath']}photo.js" type="text/javascript"></SCRIPT>
- <SCRIPT LANGUAGE="JavaScript" src="{$_G['setting']['jspath']}jquery-1.2.6.min.js"></SCRIPT>
- <DIV id="wdsPhoto">
- <DIV class="photo" id="photo"></DIV>
- <DIV class="top">
- <A class="prev" id="prev" href="javascript:;"><span></span></A>
- <DIV class="thum" id="thum"></DIV>
- <A class="next" id="next" href="javascript:;"><span></span></A>
- </DIV>
- </DIV>
- </div>
- <SCRIPT type="text/javascript">
- var c={
- main:'photo',//Main Image Frame
- thum:'thum',
- prev:'prev',
- next:'next',
- interval:3000,
- timeout:10000,//超时设置
- data:[
- <!--{loop $article['pics_thumb'] $value}-->
- ['http://www.hookcn.net/$value',''],
- <!--{/loop}--> ]
- };
- if('object'!=typeof c.data[c.data.length-1])c.data.splice(c.data.length-1,1);
- var im=new RollingImages(c);
- im.stop();
- im.start();
- </SCRIPT>
复制代码
第三步:下载photo.css、photo.js、jquery-1.2.6.min.js放到相应目录,其实这步是浏览样式,如果愿意可以自己写代码,我这里用的是php168的代码,您也可以用QQ的,PHPCMS的,还可以自己写。
http://v7.php168.com/images/default/photo.css
http://v7.php168.com/images/default/photo.js
http://v7.php168.com/images/default/jquery-1.2.6.min.js
|
|