DISCUZx3.4万能相册管理（相册列表页）开发进度完毕

admin

作者：青花
转载请注明出处：https://wdc.store


使用方法：
1.创建文件space_album_list.htm；
2.将CSS部分引入到space_album_list.htm（支持外部引入和直接单页，CSS请放在头部）；
3.覆盖替换/template/您的原始模板/touch/home中的space_album_list.htm文件。
特别说明：如果是创建mobeli版，请勿插入header和footer，因为是电脑版直接适配，这样容易乱码，请使用万能header和万能footer嵌入到页面中。
预览图：





这个页面需要的判断非常之多，逻辑性非常复杂，写起来相当辛苦，所以花了一个星期，终于写完了。判断逻辑列表如下：
当用户访问相册时，判断是空间访问还是相册访问
当用户访问相册时，两个接口四方位判断（即：从空间访问的是本人还是他人，从相册访问的是本人还是他人，从空间访问的是管理员还是普通用户，从相册访问的是管理员还是普通用户）是自主访问还是他人访问
当用户访问相册时，判断是否显示博客、个人资料、说说、帖子等按钮
当用户访问相册时，判断是否具备私有相册访问权限
当用户访问相册时，判断是否启用编辑和上传按钮
当用户访问相册时，判断显示这是谁的相册，如果是自己，就是：我的相册/我的默认相册，如果是他人，则：他的相册/TA的默认相册
当用户通过好友相册入口进入，是否显示除了自己之外的好友相册，并且区分默认相册的归属，如果有多个好友的结果，也要将相册的归属区分
当用户访问相册时，判断是否显示head右边的【我的相册】如果不是自己的相册，就显示【我的相册】超链接指向自己的相册，反之，如果是自己的相册则显示【上传】按钮，且，进入功能之后，再做一次判断来区分相册归属、相册内容对应的更新日期和昵称显隐
当用户访问相册时，判断其反复在我的相册和相册TA的相册之间切换，始终保证处于其状态的对应，即，不会出现：在自己的相册里显示成别人的昵称，也不会在别人的相册显示成自己的相册标题或其它。
当用户通过PC指定访问页面时，进行判断，强制不跳转到默认版（当然，这个可以直接替换默认模板，完美兼容的）
还有更多细节，不一一介绍，指向相册、空间、帖子等所有该指向的的路径已经都完善，且支持任何第三方模板的head和footer插入（前提是正常的嵌入）。以下是两个版本，mobeli版和touch版，不通用，mobeli版是用来替换体验极差的默认手机模板，而touch版是万能适配的，两个版本可以共存，互不冲突，但是touch版不能放进mobeli目录，同样，mobeli版也不适用与touch版，主要区别是CSS样式，一个是从电脑版直接适应，另一个是从移动声明适应。
mobeli版：保存为单个文件space_album_list.htm 替换原来的默认模板

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>   
   
2. <!--判断手机版-->
   
3. <script src="{STATICURL}js/mobile/common.js?{VERHASH}" charset="{CHARSET}"></script>
   
4. <!--判断句结束-->
   
5. <style type="text/css">
   
6. body{
   
7.     width:94.5%;
   
8. }
   
9. .bq{   /*head自定义背景框*/
   
10.     width:97%;
    
11.     height:45px;
    
12.     background-color:#EE3B3B;
    
13.     border-radius:5px;
    
14.     position: absolute;
    
15.     left:6px;
    
16.     position: fixed;
    
17.     top:5px;
    
18.     text-align:center;
    
19. }
    
20. .h2{   /*自定义head标题*/
    
21.     color:#fff;
    
22.     line-height:25px;
    
23.     font-size:20px;
    
24. }
    
25. .a_l{   /*返回按钮*/
    
26.     position: absolute;
    
27.     left:12px;
    
28.     font-size:18px;
    
29. }
    
30. #a_r{   /*上传按钮*/
    
31.     position: absolute;
    
32.     right:12px;
    
33.     font-size:18px;
    
34.     color:#fff;
    
35. }
    
36. .kuang{   /*第一个菜单列表背景框+随便逛逛框体*/
    
37.     border-radius:5px;
    
38.     border:2px solid #FFBF00;   
    
39.     width:100%;
    
40.     font-size:16px;
    
41.     color:#0080FF;
    
42.     margin-top:60px;
    
43.     height:auto;
    
44.     margin-right:-1px;
    
45. 
    
46. }
    
47. .up_kuang{   /*第一个菜单列表子框*/
    
48.     border:3px inset #fff013;
    
49.     border-radius:5px;
    
50.     width:98.5%;
    
51.     height:auto;
    
52.     background-color:#FFD700;
    
53. }
    
54. .kuang2{   /*第一个菜单列表背景框+随便逛逛框体*/
    
55.     border-radius:5px;
    
56.     border:2px solid #FFBF00;   
    
57.     width:100%;
    
58.     font-size:16px;
    
59.     color:#0080FF;
    
60.     margin-top:10px;
    
61.     height:62;
    
62.     margin-right:-1px;
    
63. }
    
64. .up_kuang2{   /*随便逛逛子框体 and 好友筛选框体*/
    
65.     border:3px inset #fff013;
    
66.     border-radius:4px;
    
67.     width:98.5%;
    
68.     height:56;
    
69.     background-color:#FFD700;
    
70. }
    
71. .kuang3{   /*第一个菜单列表背景框+随便逛逛框体*/
    
72.     border-radius:5px;
    
73.     border:2px solid #FFBF00;   
    
74.     width:100%;
    
75.     font-size:16px;
    
76.     color:#0080FF;
    
77.     margin-top:10px;
    
78.     height:auto;
    
79.     margin-right:-1px;
    
80. }
    
81. .up_kuang3{   /*随便逛逛子框体 and 好友筛选框体*/
    
82.     border:3px inset #fff013;
    
83.     border-radius:4px;
    
84.     width:98.5%;
    
85.     height:80;
    
86.     background-color:#FFD700;
    
87. }
    
88. .ul{
    
89.     margin:10px 0px 0px -30px ;
    
90. }
    
91. .li_3{
    
92.     width:50%;
    
93.     list-style:none;
    
94.     float:left;
    
95.     line-height: 30px;
    
96. }
    
97. .li_lib {   /*第一个主菜单*/
    
98.     list-style:none;
    
99.     float:left;
    
100.     width:33.33%;
     
101.     margin-top:10px;
     
102. }
     
103. .li_lib_b {   /*第一个主菜单*/
     
104.     list-style:none;
     
105.     float:left;
     
106.     width:30%;
     
107.     margin-top:10px;
     
108. }
     
109. .li_font_div {   /*第一个主菜单下面的提示文字*/
     
110.     text-align:center;
     
111.     margin: 0 auto;
     
112.     height:auto;
     
113. }
     
114. .li_font {   /*第一个主菜单下面的提示文字*/
     
115.     text-align:center;
     
116.     font-size:14px;
     
117.     color:#CD3700;
     
118.     text-decoration:none;
     
119.     line-height: 50px;
     
120. }
     
121. #red{    /*好友相册 菜单颜色*/
     
122.     color:#EE30A7;
     
123.     background-color:#fff;
     
124.     border-radius:5px;
     
125.     padding:5px 5px 3px 5px;   
     
126.     font-size:14px;
     
127.     border:3px inset #fff013;   
     
128. }
     
129. #blue{   /*我的相册 菜单颜色*/
     
130.     color:#1E90FF;
     
131.     background-color:#fff;
     
132.     border-radius:5px;   
     
133.     padding:5px 5px 3px 5px;   
     
134.     font-size:14px;   
     
135.     border:3px inset #fff013;   
     
136. }
     
137. #green{   /*随便逛逛 菜单颜色*/
     
138.     color:#43CD80;
     
139.     background-color:#fff;   
     
140.     border-radius:5px;   
     
141.     padding:5px 5px 3px 5px;   
     
142.     font-size:14px;   
     
143.     border:3px inset #fff013;   
     
144. }
     
145. #purple{
     
146.     color:#836FFF;
     
147.     background-color:#fff;   
     
148.     border-radius:5px;   
     
149.     padding:5px 5px 3px 5px;   
     
150.     font-size:14px;   
     
151.     border:3px inset #fff013;   
     
152. }
     
153. .li_lib2 {   /*随便看看子菜单列表样式*/
     
154.     list-style:none;
     
155.     float:left;
     
156.     width:16%;
     
157.     font-size:13px;
     
158.     line-height: 22px;
     
159.     margin-right:2px;
     
160. 
     
161. }
     
162. .pic_kuang{    /*相册外框*/
     
163.     border-radius:5px;
     
164.     border:2px solid #fff;   
     
165.     width:116%;
     
166.     font-size:12px;
     
167.     color:#FFBBFF;
     
168.     margin-top:5px;
     
169.     margin-left:-50px;
     
170. }
     
171. .pic_big_kuang{   /*相册内框*/
     
172.     border-radius:4px;
     
173.     overflow-x:auto;
     
174.     width:auto;
     
175.     margin-left:-0.5px;
     
176.     background-color:#fff;
     
177.     padding:0px 2px 5px 2px;
     
178.     line-height: 10px;
     
179. }
     
180. .pic_big_fanye{   /*翻页按钮样式*/
     
181.     border-radius:4px;
     
182.     color:#ccc;
     
183.     background-color:#fff;
     
184.     width:100%;
     
185.     margin-left:36%;
     
186. }
     
187. .pic_li{   /*综合相册li列表样式*/
     
188.     list-style:none;
     
189.     float:left;
     
190.     border-radius:5px;  
     
191.     margin-top:10px;
     
192.     margin-bottom:15px;
     
193.     width:33.33%;
     
194. }
     
195. .pic_p{   /*综合相册列表-p标签样式*/
     
196.     line-height:20px;
     
197.     text-align:center;
     
198.     color:#7171C6;
     
199. }
     
200. #pic_a{   /*综合相册列表a标签样式*/
     
201.     text-align:center;
     
202.     line-height: 18px;
     
203.     font-size:14px;
     
204.     color:#00868B;
     
205. }
     
206. #pic_name{   /*综合相册-相册主人昵称样式*/
     
207.     text-align:center;
     
208.     line-height: 18px;
     
209.     font-size:14px;
     
210.     color:#CD5555;
     
211. }
     
212. .pic_img{   /*综合相册列表div样式*/
     
213.     border-radius:5px;
     
214.     border:2px solid #ccc ;
     
215.     width:95%;
     
216.     height:95%;
     
217. }
     
218. .pic_div{   /*综合相册列表div样式*/
     
219.     text-align:center ;
     
220.     width:115px;
     
221.     height:115px;
     
222.     margin:0 auto;
     
223. }
     
224. .pic_de_p{   /*综合相册列表尾部的默认相册p标签样式*/
     
225.     line-height:22px;
     
226.     text-align:center;
     
227.     color:#7171C6;
     
228. }
     
229. #pic_de_a{      /*综合相册列表尾部的默认相册a标签样式*/
     
230.     text-align:center;
     
231.     line-height: 22px;
     
232.     font-size:14px;
     
233.     color:#00868B;
     
234. }
     
235. .pic_de_img{   /*综合相册列表尾部的默认相册图片大小*/
     
236.     border-radius:5px;
     
237.     border:2px solid  #ccc;
     
238.     width:97%;
     
239.     height:97%;
     
240. }
     
241. .pic_de_div{   /*综合相册列表div样式*/
     
242.     text-align:center ;
     
243.     width:112px;
     
244.     height:112px;
     
245.     margin:0 auto;
     
246. }
     
247. .pic_li_moren{   /*相册为空时显示的默认相册li标签样式*/
     
248.     width:100%;
     
249. }
     
250. .pic_div_moren{   /*相册为空时显示的默认相册div样式*/
     
251.     width:240px;
     
252.     margin: 0 auto;
     
253.     height:240px;
     
254.     margin-top:30px;
     
255. }
     
256. 
     
257. .pic_p_moren{    /*默认相册的P标签*/
     
258.     text-align:center;
     
259.     line-height:28px;
     
260. }
     
261. #pic_a_moren{   /*默认相册的a标签*/
     
262.     font-size:16px;
     
263.     text-align:center;
     
264.     padding-bottom:10px;
     
265. }
     
266. #b_btn{   /*编辑和上传按钮样式*/
     
267.     padding:2px 4px 2px 4px;
     
268.     background-color:#1E90FF;
     
269.     margin:0px 2px 0px 2px;
     
270.     color:#fff;
     
271.     border-radius:5px;
     
272.     border:2px inset #1E90FF;      
     
273. }
     
274. .kong{  /*相册为空时提示*/
     
275.     text-align:center;
     
276.     padding:20px 10px 15px 10px;
     
277. }
     
278. </style>
     
279. 
     
280. <!--空间入口访问相册-->
     
281. <!--如果是自己访问：获取相册主人的头像和签名信息-->
     
282. <!--{if $diymode}-->
     
283. 
     
284. 
     
285.         <!--header-->      
     
286. <div class="bq">
     
287.             <center>
     
288.                 <!--判断：如果是我的相册，显示相册管理-->            
     
289.                 <!--{if $space[uid]==$_G[uid]}-->
     
290.                 <h2 class="h2">相册管理
     
291.                 <!--{else}-->
     
292.                 <h2 class="h2">TA的相册  
     
293.                 <!--{/if}-->
     
294.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
     
295.                     <!--判断：如果是我的相册，显示上传按钮-->   
     
296.                     <!--{if $space[uid]==$_G[uid]}-->           
     
297.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
     
298.                     <!--{else}-->   
     
299.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
     
300.                     <!--{/if}-->
     
301.                 </h2>
     
302.             </center>   
     
303. </div>
     
304.       
     
305.         <!--header-end-->      
     
306.         <!--第一个li菜单-->
     
307.         <!--第一个li菜单框体-->
     
308.         <div>
     
309.         <div class="kuang">
     
310.             <!--第一个li内容框体-->
     
311.                   <div class="up_kuang">
     
312.                 <!--第一个li内容-->              
     
313.                          <ul>
     
314.                 <!--判断：如果是我的相册，显示我的相册-->   
     
315.                 <!--{if $space[uid]==$_G[uid]}-->                              
     
316.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
     
317.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
     
318.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
     
319.                 <!--{else}-->
     
320.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
     
321.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
     
322.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
     
323.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
     
324.                             <!--{/if}-->
     
325.                         </ul>
     
326.                         
     
327.                 <!--第一个li菜单-end-->               
     
328. 
     
329.             <!--社区相册入口提示信息-->
     
330.             <div class="li_font_div">
     
331.                 <span class="li_font" >社区帖子中的图片在每页最后的<a  class="li_font" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span>
     
332.             </div>
     
333.             <!--社区入口提示信息-end-->
     
334.             </div>
     
335. 
     
336. 
     
337.             <!--第一个li内容框体-end-->        
     
338.         </div>
     
339.         <!--第一个li菜单框体-end-->        
     
340. </div>
     
341. <!--{else}-->
     
342. 
     
343.         <!--如果是个人资料页面进入，显示样式-->  
     
344.         <!--header-->      
     
345.         <div class="bq">
     
346.             <center>
     
347.                 <!--判断：如果是我的相册，显示相册管理-->            
     
348.                 <!--{if $space[uid]==$_G[uid]}-->
     
349.                 <h2 class="h2">相册管理
     
350.                 <!--{else}-->
     
351.                 <h2 class="h2">TA的相册  
     
352.                 <!--{/if}-->               
     
353.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
     
354.                     <!--判断：如果是我的相册，显示上传按钮-->   
     
355.                     <!--{if $space[uid]==$_G[uid]}-->           
     
356.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
     
357.                     <!--{else}-->   
     
358.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
     
359.                     <!--{/if}-->
     
360.                     <!--判断结束-->  
     
361.                 </h2>
     
362.             </center>   
     
363.          </div>         
     
364.         <!--header-end-->      
     
365.    
     
366.         <!--第一个li菜单-->
     
367.         <!--第一个li菜单框体-->
     
368.         <div class="kuang">
     
369.             <!--第一个li内容框体-->
     
370.                   <div class="up_kuang">
     
371.                 <!--第一个li内容-->              
     
372.                          <ul>
     
373.                 <!--判断：如果是我的相册，显示我的相册-->   
     
374.                 <!--{if $space[uid]==$_G[uid]}-->                              
     
375.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
     
376.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
     
377.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
     
378.                 <!--{else}-->
     
379.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
     
380.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
     
381.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
     
382.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
     
383.                             <!--{/if}-->
     
384.                         </ul>
     
385.                 <!--第一个li菜单-end-->               
     
386. 
     
387.             <!--社区相册入口提示信息-->
     
388.                 <div  class="li_font_div">
     
389.                 <span class="li_font">社区帖子中的图片在每页最后的<a  class="li_font" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span></div>
     
390.             <!--社区入口提示信息-end-->
     
391.             </div>
     
392.             <!--第一个li内容框体-end-->        
     
393.         </div>
     
394.         <!--第一个li菜单框体-end-->        
     
395.         
     
396.         <!--{/if}-->
     
397. 
     
398.    
     
399.     <!--第二个li菜单-->   
     
400.     <!--判断获取更新、热度排序-->
     
401.     <!--{if $_GET[view] == 'all'}-->
     
402.        <!--随便看看顶层框体-->
     
403.        <div class="kuang3">
     
404.             <!--随便看看子框体-->           
     
405.             <div class="up_kuang3">   
     
406.                 <!--随便看看子框体内容-->              
     
407.                 <ul class="ul">
     
408.                 <!--第二个li菜单列表获取-->                     
     
409.                 <li class="li_lib2"><a href="home.php?mod=space&do=album&view=all" {if !$_GET[catid]}$orderactives[dateline]{/if}>最近更新 </a></li>
     
410.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&view=all&order=hot" $orderactives[hot]>热门推荐</a></li>
     
411.                 <!--获取网站相册列表-->        
     
412.                 <!--{if $_G['setting']['albumcategorystat'] && $category}-->
     
413.                     <!--{loop $category $value}-->
     
414.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&catid={$value[catid]}&view=all"{if $_GET[catid]==$value[catid]} {/if}>$value[catname]</a></li>
     
415.                 <!--{/loop}-->
     
416.                 <!--第二个li菜单列表获取-end-->                 
     
417.                 <!--{/if}-->
     
418.                 </ul>
     
419.             </div>
     
420.             <!--随便看看子框体-end-->               
     
421.         </div>
     
422.         <!--随便看看顶层框体-end-->  
     
423.     <!--{/if}-->
     
424. 
     
425. 
     
426.     <!--相册查找功能-->
     
427.     <!--判断、获取相册列表-->
     
428.     <!--{if ($_GET['view'] == 'we') && $userlist}-->
     
429.     <!--相册查找功能TAB顶层框体-->  
     
430.     <div class="kuang2">
     
431.         <!--相册查找功能TAB子层框体-->  
     
432.         <div class="up_kuang2">
     
433.             <!--相册查找功能TAB内容-->  
     
434.             <ul>
     
435.             <!--筛选功能-->               
     
436.             <li class="li_3">从好友中筛选:</li>
     
437.             <li  class="li_3">
     
438.                 <!--筛选框-->        
     
439.                      <select name="fuidsel" onchange="fuidgoto(this.value);">
     
440.                      <!--默认筛选项-->
     
441.                         <option value="">全部好友</option>
     
442.                             <!--调用好友的相册列表，通过昵称搜索其发布的相册-->
     
443.                         <!--{loop $userlist $value}-->
     
444.                         <!--获取好友的昵称，选择昵称等于选择获取其相册列表的搜索结果-->
     
445.                         <option value="$value[fuid]"{$fuid_actives[$value[fuid]]}>$value[fusername]</option>
     
446.                             <!--{/loop}-->
     
447.                         <!--相册列表调用-end-->  
     
448.                 <!--查找选择框-end-->                     
     
449.                      </select>
     
450.             </li>
     
451.         </div>
     
452.     </div>
     
453.     <!--{/if}-->
     
454.     <!--判断、获取相册列表-end-->      
     
455.    
     
456. 
     
457.     <!--我的相册列表-->
     
458.     <!--{if $picmode}-->
     
459.         <!--{if $pricount}-->
     
460.         <div>
     
461.             <p>我的相册</p>
     
462.         <!--{/if}-->
     
463.         <!--{if $count}-->
     
464.             <ul>
     
465.         <!--{loop $list $key $value}-->
     
466.             <li>
     
467.                      <div class="pic_div">
     
468.                             <a href="home.php?mod=space&uid=$value[uid]&do=album&picid=$value[picid]">
     
469.         <!--{if $value[pic]}-->
     
470.                      <img src="$value[pic]" class="pic_img" alt="" />
     
471.         <!--{/if}-->
     
472.                     </a>
     
473.                      </div>
     
474.             <!--获取相册名称-->               
     
475.                      <p id="pic_a"><a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]">$value[albumname]</a></p>
     
476.                      <span>
     
477.                 <!--获取用户昵称-->                        
     
478.                     <a id="pic_name" href="home.php?mod=space&uid=$value[uid]">$value[username]</a>
     
479.                    </span>
     
480.                 </li>
     
481.         <!--{/loop}-->
     
482.              </ul>
     
483.             
     
484.         <!--调用翻页按钮-->        
     
485.         <!--{if $multi}-->
     
486.         <div class="pic_big_fanye">$multi</div>
     
487.         <!--{/if}-->
     
488.            
     
489.         <!--如果没有相册，就提示-->                  
     
490.         <!--{else}-->
     
491.         <div>暂时没有公开的相册</div>
     
492.     <!--{/if}-->
     
493.                
     
494. <!--{else}-->
     
495.     <!--相册搜索功能-->
     
496.     <!--{if $searchkey}-->
     
497.         <p>搜索相册 <span>$searchkey</span> 搜索列表</p>
     
498.     <!--{/if}-->
     
499. 
     
500.     <!--我的相册-->               
     
501.     <!--{if $pricount}-->
     
502.         <p>我的相册</p>
     
503.     <!--{/if}-->
     
504. 
     
505.     <!--我的相册列表顶层框体-->        
     
506.     <div class="pic_kuang">
     
507.         <!--相册列表承载框体-->            
     
508.         <div class="pic_big_kuang">
     
509.             <!--相册列表-->               
     
510.             <!--{if $count}-->
     
511.                 <ul>
     
512.                 <!--获取相册列表-->                    
     
513.                 <!--{loop $list $key $value}-->
     
514.                 <!--{eval $pwdkey = 'view_pwd_album_'.$value['albumid'];}-->
     
515.                          <li class="pic_li">
     
516.                 <div class="pic_div">
     
517.                     <!--获取对应相册链接-->                  
     
518.                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
     
519.                     <!--获取对应相册封面图-->                             
     
520.                     <!--{if $value[pic]}-->
     
521.                     <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
     
522.                     <!--{/if}-->
     
523.                         </a>
     
524.                     </div>
     
525.                          <p  class="pic_p">
     
526.                 <!--获取名称对应链接-->                        
     
527.                              <a id="pic_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
     
528.                     <!--获取相册对应名称-->                        
     
529.                     <!--{if $value[albumname]}-->$value[albumname]
     
530.                     <!--如果获取相册为空，则显示社区相册-->
     
531.                     <!--{else}-->
     
532.                     社区相册
     
533.                     <!--{/if}-->
     
534.                     </a>
     
535.                 </p>
     
536.                 <p class="pic_p">
     
537.                     <!--获取图片计数-->            
     
538.                     <!--{if $value[picnum]}-->
     
539.                    （总共 $value[picnum] 张）
     
540.                     <!--{/if}-->
     
541.                 </p>
     
542.                 <!--获取功能按钮-->
     
543.                
     
544.                 <!--判断如果是自己，显示以下功能-->                     
     
545.                 <!--{if $value[uid]==$_G[uid]}-->
     
546.                          <p  class="pic_p">
     
547.                         <a id="b_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编辑</a>
     
548.                         <a id="b_btn" href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上传</a>
     
549.                             </p>
     
550.                            
     
551.                     <!--判断如果不是自己，将显示获取上传者昵称（除了自己外的所有人可见）-->                        
     
552.                 <!--{else}-->
     
553.                         <p id="pic_name" ><a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
     
554.                 <!--{/if}-->
     
555. 
     
556.                 <!--预留判断句，如果是好友访问，显示什么？如果是自己就隐藏-->
     
557.                 <!--{if $_GET[view]!='me'}-->
     
558.                 <!--{/if}-->
     
559. 
     
560.                 <!--以上判断结束，这里是对所有人可见的区域（包括自己）-->
     
561.                 <!--获取相册更新日期，如果需要关闭删除即可-->
     
562.                              <p class="pic_p">更新:
     
563.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
     
564.                             </p>        
     
565.                             </li>
     
566.                 <!--{/loop}-->
     
567.                 <!--数据调用结束-->
     
568.                
     
569.                 <!--社区相册显隐开关：是否将社区相册显示在每一页的最后面，用来填补每一页获取数据的最后一个空位-->  
     
570.                 <!--如果是自己访问，开启社区相册显示，不建议开启，默认是开启的！-->
     
571.                 <!--{if $space[self] && $_GET['view']=='me'}-->
     
572.                          <li  class="pic_li">
     
573.                                 <div class="pic_de_div">
     
574.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
     
575.                         <!--社区相册封面图-->                                         
     
576.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
     
577.                         </a>
     
578.                     </div>
     
579.                     <!--社区相册名称-->                        
     
580.                     <p class="pic_de_p">
     
581.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
     
582.                                  </p>
     
583.    
     
584.                     <p class="pic_p">
     
585.                     <!--图片说明-->   
     
586.                     <!--{if $value[uid]==$_G[uid]}-->
     
587.                     我的帖子图片
     
588.                     </p>
     
589.                     <!--{else}-->
     
590.                     <p class="pic_p">
     
591.                     TA的帖子图片
     
592.                     <!--{/if}-->                    
     
593.                     </p>
     
594.                
     
595.                     <!--获取功能按钮-->
     
596.                     <!--{if $value[uid]==$_G[uid]}-->
     
597.                             <p class="pic_p">
     
598.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
     
599.                                 </p>
     
600.                    <!--{else}-->
     
601.                    <!--好友访问是否显示相册主人的昵称，自己访问将不显示上传者昵称-->        
     
602.                             <p class="pic_p">
     
603.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
     
604.                             </p>
     
605.                     <!--{/if}-->
     
606.                
     
607.                     <!--功能访问时所有访客（包括自己）可见，获取相册更新日期，如果需要关闭删除即可-->
     
608.                                 <p class="pic_p">更新:
     
609.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
     
610.                                  </p>
     
611. 
     
612.                         <!--好友从我的主页访问是否开启默认相册补全每页最后一个位置，默认是开启的，不需要可以删除-->        
     
613.                         <!--{else}-->                                 
     
614.                          <li  class="pic_li">
     
615.                                 <div class="pic_de_div">
     
616.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
     
617.                         <!--社区相册封面图-->                                         
     
618.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
     
619.                         </a>
     
620.                     </div>
     
621.                     <!--社区相册名称-->                        
     
622.                     <p class="pic_de_p">
     
623.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
     
624.                                  </p>
     
625.    
     
626.                     <p class="pic_p">
     
627.                     <!--图片说明-->   
     
628.                     <!--{if $value[uid]==$_G[uid]}-->
     
629.                     我的帖子图片
     
630.                     </p>
     
631.                     <!--{else}-->
     
632.                     <p class="pic_p">
     
633.                     TA的帖子图片
     
634.                     <!--{/if}-->                    
     
635.                     </p>
     
636.                
     
637.                     <!--获取功能按钮-->
     
638.                     <!--{if $value[uid]==$_G[uid]}-->
     
639.                             <p class="pic_p">
     
640.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
     
641.                                 </p>
     
642.                    <!--{else}-->
     
643.                    <!--好友访问是否显示相册主人的昵称，自己访问将不显示上传者昵称-->        
     
644.                             <p  class="pic_p">
     
645.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
     
646.                             </p>
     
647.                     <!--{/if}-->
     
648.                
     
649.                     <!--功能访问时所有访客（包括自己）可见，获取相册更新日期，如果需要关闭删除即可-->
     
650.                                 <p class="pic_p">更新:
     
651.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
     
652.                                  </p>                        
     
653.                                  
     
654.                 <!--{/if}-->                                 
     
655.                          </li>
     
656.                 </ul>
     
657.             </div>
     
658.         <!--相册列表承载框体-end-->                       
     
659.                 <!--相册列表翻页功能-->
     
660.             <!--相册翻页按钮调用-->        
     
661.                 <!--{if $multi}-->
     
662.             <div class="pic_big_fanye" >$multi</div>
     
663.             <!--{/if}-->
     
664. 
     
665.     </div>
     
666.     <!--相册列表顶层框体-end-->              
     
667. <!--{else}-->
     
668.     <!--如果当前相册列表为空，显示此社区相册列表-->
     
669.     <!--{if $space[self] && $_GET['view']=='me'}-->
     
670.             <ul>
     
671.                     <li  class="pic_li_moren">
     
672.                                <div  class="pic_div_moren">
     
673.                                     <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
     
674.                         <!--社区相册封面图-->                                         
     
675.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
     
676.                     </a>
     
677.                              </div>
     
678.                             <p class="pic_p_moren">
     
679.                             <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
     
680.                             </p>
     
681.                 <p  id="pic_a_moren">
     
682.                     <!--图片说明-->   
     
683.                     <!--{if $space[uid]==$_G[uid]}-->
     
684.                     我的帖子图片
     
685.                     <!--{else}-->
     
686.                     TA的帖子图片
     
687.                     <!--{/if}-->                    
     
688.                     </p>
     
689.                
     
690.                 <!--获取功能按钮-->
     
691.                 <!--{if $value[uid]==$_G[uid]}-->
     
692.                          <p>
     
693.                         <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
     
694.                             </p>
     
695.                 <!--{else}-->
     
696.                 <!--好友访问昵称显示，如果非自己访问将不显示获取上传者昵称-->        
     
697.                         <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
     
698.                         </p>
     
699.                 <!--{/if}-->
     
700.                 <!--功能访问时所有访客（包括自己）可见，获取相册更新日期，如果需要关闭删除即可-->
     
701.                             <p  id="pic_a_moren">更新:
     
702.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
     
703.                             </p>                                            
     
704.                        </li>
     
705.         </ul>
     
706.         
     
707.     <!--{else}-->
     
708.              <div class="kong">抱歉！当前没有任何公开的相册！</div>
     
709. 
     
710.     <!--{/if}-->
     
711.    
     
712.   
     
713. <!--{/if}-->
     
714. <!--{/if}-->
     
715. 
     
716.     </div>
     
717. </div>
     
718. <script type="text/javascript">
     
719. function fuidgoto(fuid) {
     
720.         var parameter = fuid != '' ? '&fuid='+fuid : '';
     
721.         window.location.href = 'home.php?mod=space&do=album&view=we'+parameter;
     
722. }
     
723. </script>

复制代码

TOUCH版完整代码如下：这个可以将CSS分开放，也可以放到一起，支持header和footer引入
CSS部分：

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>   
   
2. <!--判断手机版-->
   
3. <script src="{STATICURL}js/mobile/common.js?{VERHASH}" charset="{CHARSET}"></script>
   
4. <!--判断句结束-->
   
5. <style type="text/css">
   
6. .bq{   /*head自定义背景框*/
   
7.     width:97%;
   
8.     height:45px;
   
9.     background-color:#EE3B3B;
   
10.     border-radius:5px;
    
11.     position: absolute;
    
12.     left:6px;
    
13.     position: fixed;
    
14.     top:0px;
    
15.     text-align:center;
    
16. }
    
17. .h2{   /*自定义head标题*/
    
18.     color:#fff;
    
19.     line-height:50px;
    
20.     font-size:20px;
    
21. }
    
22. .a_l{   /*返回按钮*/
    
23.     position: absolute;
    
24.     left:12px;
    
25.     font-size:18px;
    
26. }
    
27. #a_r{   /*上传按钮*/
    
28.     position: absolute;
    
29.     right:12px;
    
30.     font-size:18px;
    
31.     color:#fff;
    
32. }
    
33. .kuang{   /*第一个菜单列表背景框+随便逛逛框体*/
    
34.     border-radius:5px;
    
35.     border:2px solid #FFBF00;   
    
36.     width:96%;
    
37.     font-size:16px;
    
38.     color:#0080FF;
    
39.     margin-left:6px;
    
40.     margin-top:10px;
    
41. 
    
42. }
    
43. .up_kuang{   /*第一个菜单列表子框*/
    
44.     border:3px inset #fff013;
    
45.     border-radius:5px;
    
46.     width:auto;
    
47.     height:60;
    
48.     background-color:#FFD700;
    
49.     margin:2px 2px 2px 2px;
    
50. }
    
51. .up_kuang2{   /*随便逛逛子框体 and 好友筛选框体*/
    
52.     border-radius:4px;
    
53.     overflow-x:auto;
    
54.     width:auto;
    
55.     background-color:#C6E2FF;
    
56.     padding:5px 2px 5px 2px;
    
57. }
    
58. .li_3{
    
59.     width:30%;
    
60.     list-style:none;
    
61.     float:left;
    
62.     margin-left:15%;
    
63. }
    
64. .li_lib {   /*第一个主菜单*/
    
65.     list-style:none;
    
66.     float:left;
    
67.     text-align:center;
    
68.     width:33.33%;
    
69.     margin-top:10px;
    
70. }
    
71. .li_lib_b {   /*第一个主菜单*/
    
72.     list-style:none;
    
73.     float:left;
    
74.     text-align:center;
    
75.     width:25%;
    
76.     margin-top:10px;
    
77. }
    
78. .li_font_div {   /*第一个主菜单下面的提示文字*/
    
79.     margin: 0 auto;
    
80.     text-align: center;
    
81.     font-size:14px;
    
82.     line-height:30px;
    
83.     color:#CD3700;
    
84.    
    
85. }
    
86. #red{    /*好友相册 菜单颜色*/
    
87.     color:#EE30A7;
    
88.     background-color:#fff;
    
89.     border-radius:5px;
    
90.     padding:5px 5px 3px 5px;   
    
91.     font-size:14px;
    
92.     border:3px inset #fff013;   
    
93. }
    
94. #blue{   /*我的相册 菜单颜色*/
    
95.     color:#1E90FF;
    
96.     background-color:#fff;
    
97.     border-radius:5px;   
    
98.     padding:5px 5px 3px 5px;   
    
99.     font-size:14px;   
    
100.     border:3px inset #fff013;   
     
101. }
     
102. #green{   /*随便逛逛 菜单颜色*/
     
103.     color:#43CD80;
     
104.     background-color:#fff;   
     
105.     border-radius:5px;   
     
106.     padding:5px 5px 3px 5px;   
     
107.     font-size:14px;   
     
108.     border:3px inset #fff013;   
     
109. }
     
110. #purple{
     
111.     color:#836FFF;
     
112.     background-color:#fff;   
     
113.     border-radius:5px;   
     
114.     padding:5px 5px 3px 5px;   
     
115.     font-size:14px;   
     
116.     border:3px inset #fff013;   
     
117. }
     
118. .li_lib2 {   /*随便看看子菜单列表样式*/
     
119.     list-style:none;
     
120.     float:left;
     
121.     text-align:center;
     
122.     width:16%;
     
123.     font-size:13px;
     
124.     margin-left:2px;
     
125.     line-height: 22px;
     
126. }
     
127. .pic_kuang{    /*相册外框*/
     
128.     border-radius:5px;
     
129.     border:2px solid #fff;   
     
130.     width:96%;
     
131.     font-size:12px;
     
132.     color:#FFBBFF;
     
133.     margin-top:5px;
     
134.     margin-left:6px;
     
135. }
     
136. .pic_big_kuang{   /*相册内框*/
     
137.     border-radius:4px;
     
138.     overflow-x:auto;
     
139.     width:auto;
     
140.     margin-left:-0.5px;
     
141.     background-color:#fff;
     
142.     padding:0px 2px 5px 2px;
     
143.     line-height: 10px;
     
144. }
     
145. .pic_big_fanye{   /*翻页按钮样式*/
     
146.     border-radius:4px;
     
147.     color:#ccc;
     
148.     background-color:#fff;
     
149.     width:80%;
     
150.     margin-left:10%;
     
151. }
     
152. .pic_li{   /*综合相册li列表样式*/
     
153.     list-style:none;
     
154.     float:left;
     
155.     border-radius:5px;  
     
156.     margin-top:10px;
     
157.     margin-bottom:15px;
     
158.     width:33.33%;
     
159. }
     
160. .pic_p{   /*综合相册列表-p标签样式*/
     
161.     line-height:20px;
     
162.     text-align:center;
     
163.     color:#7171C6;
     
164. }
     
165. #pic_a{   /*综合相册列表a标签样式*/
     
166.     text-align:center;
     
167.     line-height: 18px;
     
168.     font-size:14px;
     
169.     color:#00868B;
     
170. }
     
171. #pic_name{   /*综合相册-相册主人昵称样式*/
     
172.     text-align:center;
     
173.     line-height: 18px;
     
174.     font-size:14px;
     
175.     color:#CD5555;
     
176. }
     
177. .pic_img{   /*综合相册列表div样式*/
     
178.     border-radius:5px;
     
179.     border:2px solid #ccc ;
     
180.     width:95%;
     
181.     height:95%;
     
182. }
     
183. .pic_div{   /*综合相册列表div样式*/
     
184.     text-align:center ;
     
185.     width:115px;
     
186.     height:115px;
     
187.     margin:0 auto;
     
188. }
     
189. .pic_de_p{   /*综合相册列表尾部的默认相册p标签样式*/
     
190.     line-height:22px;
     
191.     text-align:center;
     
192.     color:#7171C6;
     
193. }
     
194. #pic_de_a{      /*综合相册列表尾部的默认相册a标签样式*/
     
195.     text-align:center;
     
196.     line-height: 22px;
     
197.     font-size:14px;
     
198.     color:#00868B;
     
199. }
     
200. .pic_de_img{   /*综合相册列表尾部的默认相册图片大小*/
     
201.     border-radius:5px;
     
202.     border:2px solid  #ccc;
     
203.     width:97%;
     
204.     height:97%;
     
205. }
     
206. .pic_de_div{   /*综合相册列表div样式*/
     
207.     text-align:center ;
     
208.     width:112px;
     
209.     height:112px;
     
210.     margin:0 auto;
     
211. }
     
212. .pic_li_moren{   /*相册为空时显示的默认相册li标签样式*/
     
213.     width:100%;
     
214. }
     
215. .pic_div_moren{   /*相册为空时显示的默认相册div样式*/
     
216.     width:240px;
     
217.     margin: 0 auto;
     
218.     height:240px;
     
219.     margin-top:30px;
     
220. }
     
221. 
     
222. .pic_p_moren{    /*默认相册的P标签*/
     
223.     text-align:center;
     
224.     line-height:28px;
     
225. }
     
226. #pic_a_moren{   /*默认相册的a标签*/
     
227.     font-size:16px;
     
228.     text-align:center;
     
229.     padding-bottom:10px;
     
230. }
     
231. #b_btn{   /*编辑和上传按钮样式*/
     
232.     padding:2px 4px 2px 4px;
     
233.     background-color:#1E90FF;
     
234.     margin:0px 2px 0px 2px;
     
235.     color:#fff;
     
236.     border-radius:5px;
     
237.     border:2px inset #1E90FF;      
     
238. }
     
239. .kong{  /*相册为空时提示*/
     
240.     text-align:center;
     
241.     padding:20px 10px 15px 10px;
     
242. }
     
243. </style>

复制代码

html模板部分，所有入

1. <!--空间入口访问相册-->
   
2. <!--如果是自己访问：获取相册主人的头像和签名信息-->
   
3. <!--{if $diymode}-->
   
4. <!--{template common/header}-->
   
5. 
   
6.         <!--header-->      
   
7. <div class="bq">
   
8.             <center>
   
9.                 <!--判断：如果是我的相册，显示相册管理-->            
   
10.                 <!--{if $space[uid]==$_G[uid]}-->
    
11.                 <h2 class="h2">相册管理
    
12.                 <!--{else}-->
    
13.                 <h2 class="h2">TA的相册  
    
14.                 <!--{/if}-->
    
15.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
    
16.                     <!--判断：如果是我的相册，显示上传按钮-->   
    
17.                     <!--{if $space[uid]==$_G[uid]}-->           
    
18.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
    
19.                     <!--{else}-->   
    
20.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
    
21.                     <!--{/if}-->
    
22.                 </h2>
    
23.             </center>   
    
24. </div>
    
25.       
    
26.         <!--header-end-->      
    
27.         <!--第一个li菜单-->
    
28.         <!--第一个li菜单框体-->
    
29.         <div>
    
30.         <div class="kuang">
    
31.             <!--第一个li内容框体-->
    
32.                   <div class="up_kuang">
    
33.                 <!--第一个li内容-->              
    
34.                          <ul>
    
35.                 <!--判断：如果是我的相册，显示我的相册-->   
    
36.                 <!--{if $space[uid]==$_G[uid]}-->                              
    
37.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
    
38.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
    
39.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
    
40.                 <!--{else}-->
    
41.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
    
42.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
    
43.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
    
44.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
    
45.                             <!--{/if}-->
    
46.                         </ul>
    
47.                         
    
48.                 <!--第一个li菜单-end-->               
    
49. 
    
50.             <!--社区相册入口提示信息-->
    
51.             <div class="li_font_div">
    
52.                 <span>社区帖子中的图片在每页最后的<a  id="a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span>
    
53.             </div>
    
54.             <!--社区入口提示信息-end-->
    
55.             </div>
    
56. 
    
57. 
    
58.             <!--第一个li内容框体-end-->        
    
59.         </div>
    
60.         <!--第一个li菜单框体-end-->        
    
61. </div>
    
62. <!--{else}-->
    
63. <!--{template common/header}-->
    
64.         <!--如果是个人资料页面进入，显示样式-->  
    
65.         <!--header-->      
    
66.         <div class="bq">
    
67.             <center>
    
68.                 <!--判断：如果是我的相册，显示相册管理-->            
    
69.                 <!--{if $space[uid]==$_G[uid]}-->
    
70.                 <h2 class="h2">相册管理
    
71.                 <!--{else}-->
    
72.                 <h2 class="h2">TA的相册  
    
73.                 <!--{/if}-->               
    
74.                     <span class="a_l" onClick="javascript :history.back(-1);">返回</span>
    
75.                     <!--判断：如果是我的相册，显示上传按钮-->   
    
76.                     <!--{if $space[uid]==$_G[uid]}-->           
    
77.                     <a href="home.php?mod=spacecp&ac=upload" id="a_r">上传</a>   
    
78.                     <!--{else}-->   
    
79.                     <a href="home.php?mod=space&do=album&view=me" id="a_r">我的相册</a>
    
80.                     <!--{/if}-->
    
81.                     <!--判断结束-->  
    
82.                 </h2>
    
83.             </center>   
    
84.          </div>         
    
85.         <!--header-end-->      
    
86.    
    
87.         <!--第一个li菜单-->
    
88.         <!--第一个li菜单框体-->
    
89.         <div class="kuang">
    
90.             <!--第一个li内容框体-->
    
91.                   <div class="up_kuang">
    
92.                 <!--第一个li内容-->              
    
93.                          <ul>
    
94.                 <!--判断：如果是我的相册，显示我的相册-->   
    
95.                 <!--{if $space[uid]==$_G[uid]}-->                              
    
96.                             <li class="li_lib"><a id="red" href="home.php?mod=space&do=album&view=we">好友相册</a></li>
    
97.                              <li class="li_lib"><a id="blue" href="home.php?mod=space&uid=$value[uid]&do=album&view=me&from=space&mobile=2">我的相册</a></li>
    
98.                             <li class="li_lib"><a id="green" href="home.php?mod=space&do=album&view=all">随便看看</a></li>                  
    
99.                 <!--{else}-->
    
100.                             <li class="li_lib_b"><a id="purple" href="home.php?mod=space&uid=$space[uid]&do=profile&from=space">TA的介绍</a></li>           
     
101.                             <li class="li_lib_b"><a id="red" href="home.php?mod=space&uid=$space[uid]&do=thread&view=me&from=space">TA的帖子</a></li>              
     
102.                              <li class="li_lib_b"><a id="blue" href="home.php?mod=space&uid=$space[uid]&do=blog&view=me&from=space">TA的博客</a></li>
     
103.                             <li class="li_lib_b"><a id="green" href="home.php?mod=space&uid=$space[uid]&do=doing&view=me&from=space">TA的说说</a></li>        
     
104.                             <!--{/if}-->
     
105.                         </ul>
     
106.                 <!--第一个li菜单-end-->               
     
107. 
     
108.             <!--社区相册入口提示信息-->
     
109.                 <div  class="li_font_div">
     
110.                 <span>社区帖子中的图片在每页最后的<a  id="a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1&mobile=2">【社区相册】</a>中。</span></div>
     
111.             <!--社区入口提示信息-end-->
     
112.             </div>
     
113.             <!--第一个li内容框体-end-->        
     
114.         </div>
     
115.         <!--第一个li菜单框体-end-->        
     
116.         
     
117.         <!--{/if}-->
     
118. 
     
119.    
     
120.     <!--第二个li菜单-->   
     
121.     <!--判断获取更新、热度排序-->
     
122.     <!--{if $_GET[view] == 'all'}-->
     
123.        <!--随便看看顶层框体-->
     
124.        <div class="kuang">
     
125.             <!--随便看看子框体-->           
     
126.             <div class="up_kuang2">   
     
127.                 <!--随便看看子框体内容-->              
     
128.                 <ul>
     
129.                 <!--第二个li菜单列表获取-->                     
     
130.                 <li class="li_lib2"><a href="home.php?mod=space&do=album&view=all" {if !$_GET[catid]}$orderactives[dateline]{/if}>最近更新 </a></li>
     
131.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&view=all&order=hot" $orderactives[hot]>热门推荐</a></li>
     
132.                 <!--获取网站相册列表-->        
     
133.                 <!--{if $_G['setting']['albumcategorystat'] && $category}-->
     
134.                     <!--{loop $category $value}-->
     
135.                 <li  class="li_lib2"><a href="home.php?mod=space&do=album&catid={$value[catid]}&view=all"{if $_GET[catid]==$value[catid]} {/if}>$value[catname]</a></li>
     
136.                 <!--{/loop}-->
     
137.                 <!--第二个li菜单列表获取-end-->                 
     
138.                 <!--{/if}-->
     
139.                 </ul>
     
140.             </div>
     
141.             <!--随便看看子框体-end-->               
     
142.         </div>
     
143.         <!--随便看看顶层框体-end-->  
     
144.     <!--{/if}-->
     
145. 
     
146. 
     
147.     <!--相册查找功能-->
     
148.     <!--判断、获取相册列表-->
     
149.     <!--{if ($_GET['view'] == 'we') && $userlist}-->
     
150.     <!--相册查找功能TAB顶层框体-->  
     
151.     <div class="kuang">
     
152.         <!--相册查找功能TAB子层框体-->  
     
153.         <div class="up_kuang2">
     
154.             <!--相册查找功能TAB内容-->  
     
155.             <ul>
     
156.             <!--筛选功能-->               
     
157.             <li class="li_3">从好友中筛选:</li>
     
158.             <li  class="li_3">
     
159.                 <!--筛选框-->        
     
160.                      <select name="fuidsel" onchange="fuidgoto(this.value);">
     
161.                      <!--默认筛选项-->
     
162.                         <option value="">全部好友</option>
     
163.                             <!--调用好友的相册列表，通过昵称搜索其发布的相册-->
     
164.                         <!--{loop $userlist $value}-->
     
165.                         <!--获取好友的昵称，选择昵称等于选择获取其相册列表的搜索结果-->
     
166.                         <option value="$value[fuid]"{$fuid_actives[$value[fuid]]}>$value[fusername]</option>
     
167.                             <!--{/loop}-->
     
168.                         <!--相册列表调用-end-->  
     
169.                 <!--查找选择框-end-->                     
     
170.                      </select>
     
171.             </li>
     
172.         </div>
     
173.     </div>
     
174.     <!--{/if}-->
     
175.     <!--判断、获取相册列表-end-->      
     
176.    
     
177. 
     
178.     <!--我的相册列表-->
     
179.     <!--{if $picmode}-->
     
180.         <!--{if $pricount}-->
     
181.         <div>
     
182.             <p>我的相册</p>
     
183.         <!--{/if}-->
     
184.         <!--{if $count}-->
     
185.             <ul>
     
186.         <!--{loop $list $key $value}-->
     
187.             <li>
     
188.                      <div class="pic_div">
     
189.                             <a href="home.php?mod=space&uid=$value[uid]&do=album&picid=$value[picid]">
     
190.         <!--{if $value[pic]}-->
     
191.                      <img src="$value[pic]" class="pic_img" alt="" />
     
192.         <!--{/if}-->
     
193.                     </a>
     
194.                      </div>
     
195.             <!--获取相册名称-->               
     
196.                      <p id="pic_a"><a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]">$value[albumname]</a></p>
     
197.                      <span>
     
198.                 <!--获取用户昵称-->                        
     
199.                     <a id="pic_name" href="home.php?mod=space&uid=$value[uid]">$value[username]</a>
     
200.                    </span>
     
201.                 </li>
     
202.         <!--{/loop}-->
     
203.              </ul>
     
204.             
     
205.         <!--调用翻页按钮-->        
     
206.         <!--{if $multi}-->
     
207.         <div class="pic_big_fanye">$multi</div>
     
208.         <!--{/if}-->
     
209.            
     
210.         <!--如果没有相册，就提示-->                  
     
211.         <!--{else}-->
     
212.         <div>暂时没有公开的相册</div>
     
213.     <!--{/if}-->
     
214.                
     
215. <!--{else}-->
     
216.     <!--相册搜索功能-->
     
217.     <!--{if $searchkey}-->
     
218.         <p>搜索相册 <span>$searchkey</span> 搜索列表</p>
     
219.     <!--{/if}-->
     
220. 
     
221.     <!--我的相册-->               
     
222.     <!--{if $pricount}-->
     
223.         <p>我的相册</p>
     
224.     <!--{/if}-->
     
225. 
     
226.     <!--我的相册列表顶层框体-->        
     
227.     <div class="pic_kuang">
     
228.         <!--相册列表承载框体-->            
     
229.         <div class="pic_big_kuang">
     
230.             <!--相册列表-->               
     
231.             <!--{if $count}-->
     
232.                 <ul>
     
233.                 <!--获取相册列表-->                    
     
234.                 <!--{loop $list $key $value}-->
     
235.                 <!--{eval $pwdkey = 'view_pwd_album_'.$value['albumid'];}-->
     
236.                          <li class="pic_li">
     
237.                 <div class="pic_div">
     
238.                     <!--获取对应相册链接-->                  
     
239.                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
     
240.                     <!--获取对应相册封面图-->                             
     
241.                     <!--{if $value[pic]}-->
     
242.                     <img src="$value[pic]" class="pic_img" alt="$value[albumname]" />
     
243.                     <!--{/if}-->
     
244.                         </a>
     
245.                     </div>
     
246.                          <p  class="pic_p">
     
247.                 <!--获取名称对应链接-->                        
     
248.                              <a id="pic_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=$value[albumid]" target="_blank" {if $_G['adminid'] != 1 && $value[uid]!=$_G[uid] && $value[friend]=='4' && $value[password] && empty($_G[cookie][$pwdkey])} onclick="showWindow('list_album_$value[albumid]', this.href, 'get', 0);"{/if}>
     
249.                     <!--获取相册对应名称-->                        
     
250.                     <!--{if $value[albumname]}-->$value[albumname]
     
251.                     <!--如果获取相册为空，则显示社区相册-->
     
252.                     <!--{else}-->
     
253.                     社区相册
     
254.                     <!--{/if}-->
     
255.                     </a>
     
256.                 </p>
     
257.                 <p class="pic_p">
     
258.                     <!--获取图片计数-->            
     
259.                     <!--{if $value[picnum]}-->
     
260.                    （总共 $value[picnum] 张）
     
261.                     <!--{/if}-->
     
262.                 </p>
     
263.                 <!--获取功能按钮-->
     
264.                
     
265.                 <!--判断如果是自己，显示以下功能-->                     
     
266.                 <!--{if $value[uid]==$_G[uid]}-->
     
267.                          <p  class="pic_p">
     
268.                         <a id="b_btn" href="home.php?mod=spacecp&ac=album&op=editpic&albumid=$value[albumid]">编辑</a>
     
269.                         <a id="b_btn" href="home.php?mod=spacecp&ac=upload&albumid=$value[albumid]">上传</a>
     
270.                             </p>
     
271.                            
     
272.                     <!--判断如果不是自己，将显示获取上传者昵称（除了自己外的所有人可见）-->                        
     
273.                 <!--{else}-->
     
274.                         <p id="pic_name" ><a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a></p>
     
275.                 <!--{/if}-->
     
276. 
     
277.                 <!--预留判断句，如果是好友访问，显示什么？如果是自己就隐藏-->
     
278.                 <!--{if $_GET[view]!='me'}-->
     
279.                 <!--{/if}-->
     
280. 
     
281.                 <!--以上判断结束，这里是对所有人可见的区域（包括自己）-->
     
282.                 <!--获取相册更新日期，如果需要关闭删除即可-->
     
283.                              <p class="pic_p">更新:
     
284.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
     
285.                             </p>        
     
286.                             </li>
     
287.                 <!--{/loop}-->
     
288.                 <!--数据调用结束-->
     
289.                
     
290.                 <!--社区相册显隐开关：是否将社区相册显示在每一页的最后面，用来填补每一页获取数据的最后一个空位-->  
     
291.                 <!--如果是自己访问，开启社区相册显示，不建议开启，默认是开启的！-->
     
292.                 <!--{if $space[self] && $_GET['view']=='me'}-->
     
293.                          <li  class="pic_li">
     
294.                                 <div class="pic_de_div">
     
295.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
     
296.                         <!--社区相册封面图-->                                         
     
297.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
     
298.                         </a>
     
299.                     </div>
     
300.                     <!--社区相册名称-->                        
     
301.                     <p class="pic_de_p">
     
302.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
     
303.                                  </p>
     
304.    
     
305.                     <p class="pic_p">
     
306.                     <!--图片说明-->   
     
307.                     <!--{if $value[uid]==$_G[uid]}-->
     
308.                     我的帖子图片
     
309.                     </p>
     
310.                     <!--{else}-->
     
311.                     <p class="pic_p">
     
312.                     TA的帖子图片
     
313.                     <!--{/if}-->                    
     
314.                     </p>
     
315.                
     
316.                     <!--获取功能按钮-->
     
317.                     <!--{if $value[uid]==$_G[uid]}-->
     
318.                             <p class="pic_p">
     
319.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
     
320.                                 </p>
     
321.                    <!--{else}-->
     
322.                    <!--好友访问是否显示相册主人的昵称，自己访问将不显示上传者昵称-->        
     
323.                             <p class="pic_p">
     
324.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
     
325.                             </p>
     
326.                     <!--{/if}-->
     
327.                
     
328.                     <!--功能访问时所有访客（包括自己）可见，获取相册更新日期，如果需要关闭删除即可-->
     
329.                                 <p class="pic_p">更新:
     
330.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
     
331.                                  </p>
     
332. 
     
333.                         <!--好友从我的主页访问是否开启默认相册补全每页最后一个位置，默认是开启的，不需要可以删除-->        
     
334.                         <!--{else}-->                                 
     
335.                          <li  class="pic_li">
     
336.                                 <div class="pic_de_div">
     
337.                                         <a href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
     
338.                         <!--社区相册封面图-->                                         
     
339.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
     
340.                         </a>
     
341.                     </div>
     
342.                     <!--社区相册名称-->                        
     
343.                     <p class="pic_de_p">
     
344.                                          <a id="pic_de_a" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
     
345.                                  </p>
     
346.    
     
347.                     <p class="pic_p">
     
348.                     <!--图片说明-->   
     
349.                     <!--{if $value[uid]==$_G[uid]}-->
     
350.                     我的帖子图片
     
351.                     </p>
     
352.                     <!--{else}-->
     
353.                     <p class="pic_p">
     
354.                     TA的帖子图片
     
355.                     <!--{/if}-->                    
     
356.                     </p>
     
357.                
     
358.                     <!--获取功能按钮-->
     
359.                     <!--{if $value[uid]==$_G[uid]}-->
     
360.                             <p class="pic_p">
     
361.                             <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
     
362.                                 </p>
     
363.                    <!--{else}-->
     
364.                    <!--好友访问是否显示相册主人的昵称，自己访问将不显示上传者昵称-->        
     
365.                             <p  class="pic_p">
     
366.                                  <a id="pic_name" href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
     
367.                             </p>
     
368.                     <!--{/if}-->
     
369.                
     
370.                     <!--功能访问时所有访客（包括自己）可见，获取相册更新日期，如果需要关闭删除即可-->
     
371.                                 <p class="pic_p">更新:
     
372.                                 <!--{date($value[updatetime], 'n-j H:i')}-->   
     
373.                                  </p>                        
     
374.                                  
     
375.                 <!--{/if}-->                                 
     
376.                          </li>
     
377.                 </ul>
     
378.             </div>
     
379.         <!--相册列表承载框体-end-->                       
     
380.                 <!--相册列表翻页功能-->
     
381.             <!--相册翻页按钮调用-->        
     
382.                 <!--{if $multi}-->
     
383.             <div class="pic_big_fanye" >$multi</div>
     
384.             <!--{/if}-->
     
385. 
     
386.     </div>
     
387.     <!--相册列表顶层框体-end-->              
     
388. <!--{else}-->
     
389.     <!--如果当前相册列表为空，显示此社区相册列表-->
     
390.     <!--{if $space[self] && $_GET['view']=='me'}-->
     
391.             <ul>
     
392.                     <li  class="pic_li_moren">
     
393.                                <div  class="pic_div_moren">
     
394.                                     <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">
     
395.                         <!--社区相册封面图-->                                         
     
396.                                 <img src="{IMGDIR}/shequfujian.jpg"  class="pic_de_img" alt="{lang default_album}" />                    
     
397.                     </a>
     
398.                              </div>
     
399.                             <p class="pic_p_moren">
     
400.                             <a  id="pic_a_moren" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">社区相册</a>
     
401.                             </p>
     
402.                 <p  id="pic_a_moren">
     
403.                     <!--图片说明-->   
     
404.                     <!--{if $space[uid]==$_G[uid]}-->
     
405.                     我的帖子图片
     
406.                     <!--{else}-->
     
407.                     TA的帖子图片
     
408.                     <!--{/if}-->                    
     
409.                     </p>
     
410.                
     
411.                 <!--获取功能按钮-->
     
412.                 <!--{if $value[uid]==$_G[uid]}-->
     
413.                          <p>
     
414.                         <a id="b_btn" href="home.php?mod=space&uid=$value[uid]&do=album&id=-1">查看社区图片</a>
     
415.                             </p>
     
416.                 <!--{else}-->
     
417.                 <!--好友访问昵称显示，如果非自己访问将不显示获取上传者昵称-->        
     
418.                         <p><a href="home.php?mod=space&uid=$value[uid]" target="_blank">$value[username]</a>
     
419.                         </p>
     
420.                 <!--{/if}-->
     
421.                 <!--功能访问时所有访客（包括自己）可见，获取相册更新日期，如果需要关闭删除即可-->
     
422.                             <p  id="pic_a_moren">更新:
     
423.                             <!--{date($value[updatetime], 'n-j H:i')}-->   
     
424.                             </p>                                            
     
425.                        </li>
     
426.         </ul>
     
427.         
     
428.     <!--{else}-->
     
429.              <div class="kong">抱歉！当前没有任何公开的相册！</div>
     
430. 
     
431.     <!--{/if}-->
     
432.    
     
433.   
     
434. <!--{/if}-->
     
435. <!--{/if}-->
     
436. 
     
437.     </div>
     
438. </div>
     
439. <script type="text/javascript">
     
440. function fuidgoto(fuid) {
     
441.         var parameter = fuid != '' ? '&fuid='+fuid : '';
     
442.         window.location.href = 'home.php?mod=space&do=album&view=we'+parameter;
     
443. }
     
444. </script>
     
445. <!--调用footer-->
     
446. <!--{template common/footer}-->        
     
447. <!--调用结束-->        

复制代码

——————END——————