将UCHOME2.0随便看看里的图片改成相册的办法

效果请看  www.aiamy.com

一、改变图片显示内容
UCHOME2.0随便看看图片里默认显示的是按时间排序的最新图片，往往只能显示出最新相册里的图片，现将它改成从每个相册里抽取一张封面但图片，
改变方法如下：
  找到home/source/network.php,找到以下这一段：
$piclist = array();
        $query = $_SGLOBAL['db']->query("SELECT album.albumname, album.friend, space.username, space.name, space.namestatus, main.*
                FROM ".tname('pic')." main
                LEFT JOIN ".tname('album')." album ON album.albumid=main.albumid
                LEFT JOIN ".tname('space')." space ON space.uid=main.uid
                WHERE ".implode(' AND ', $wherearr)."
GROUP BY main.albumid                ORDER BY main.{$order} $sc
                LIMIT 0,$shownum");

在标红的位置加上GROUP BY main.albumid即可，如果要改成每个用户显示一张，改成GROUP BY main.uid即可

二、改变显示数量
将下面数值改成你想要的值；
//显示数量
        $shownum = 41;

三、在图片上压上相册的名字
找到home/template/default下的network.htm
找到以下这一段，加上标红的语句就可以
<div id="spics_wrap">
        <ul id="spics" style="margin-left: 0;">
        <!--{loop $piclist $key $value}-->
                <li class="spic_$key">
                        <div class="spic_img"><a href="space.php?uid={$value[uid]}&do=album&picid={$value[picid]}" target="_blank"><strong>$value[hot]</strong><img src="$value[pic]" alt="$value[albumname]" /></a></div>
                                       
<p><a href="space.php?uid={$value[uid]}&do=album&id={$value[albumid]}" title="$value[albumname]">$value[albumname]</a></p>                        <p><a href="space.php?uid=$value[uid]">{$_SN[$value[uid]]}</a></p>


                        <p><!--{date('m-d H:i',$value[dateline],1)}--></p>
                </li>
        <!--{/loop}-->
        </ul>
        </div>

四、改变显示风格
相册显示的风格全部定义在home/template/default/下的network.css里，要改变现实风格，改变下面这段里面的数字就可以：
#photolist { padding-bottom: 8px; border: 1px solid #E1E1E1; w\idth: 968px; background: #F7F7F7; }
                #photolist .ntitle { border-bottom: 1px solid #E1E1E1; }
                #spics_wrap { margin: 10px 32px; width: 904px; overflow: hidden; position: relative; }
                #spics { width: 5000px; }
                #spics li { float: left; width: 128px; height: 155px; border-left: 1px solid #E1E1E1; text-align: center;overflow: hidden; }
                        #spics .spic_img { position: relative; }
                                #spics .spic_img a { display: block; margin-bottom: 8px; width: 128px; height: 100px; line-height: 100px; overflow: hidden; text-decoration: none !important; }
                                        #spics li strong { position: absolute; left: 14px; display: block; padding: 0 4px; background: #CCC; color: #FFF; font-weight: 400; line-height: 20px; }
                                                #spics li a:hover strong { background: #F00; }
                                #spics .spic_img img { width: auto; height: auto; }
                                       
                #spics p { line-height: 1.35em; color: #AAA; }
        #p_control { position: relative; }
                #spics_last, #spics_next { position: absolute; top: 45px; display: block; width: 21px; height: 30px; background: url(image/scroll_page_arrow.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
                        #spics_last { left: 5px; }
                                #spics_last:hover { background-position: 0 -60px; }
                                #spics_last.disable { background-position: 0 -30px !important; }
                        #spics_next { right: 5px; background-position: 0 -90px; }
                                #spics_next:hover { background-position: 0 -150px; }
                                #spics_next.disable { background-position: 0 -120px !important; }
                #p_control_pages { display: none; }
譬如刚才，我在图片上加了显示相册名，以至于把后边的日期挤掉了，就可以改这段话里的height值，把高度由原来的144px变成了155px
#spics li { float: left; width: 128px; height: 155px; border-left: 1px solid #E1E1E1; text-align: center;overflow: hidden; }

为了使相册更好看，还在spic CSS定义里加了背景图片

收藏做个记号.
要是有个演示更好.

收藏了，做个记号

我出来做个记号

谢谢，收藏。。

收藏。。.......................

做个记号，一会儿修改
哪儿有标红的？

留名站位！！

收藏了。谢谢。

收藏了，谢谢。