|
问题:图片频道如何修改CSS,才能统一各图片尺寸比例?如:
改成:
解决: 方法一:利用DIV层控制图片: 第一步:将标答包含在层里 <div id="photolistbox">{$PhotoUrlList}</div>
第二步:样式定义 #photolistbox img { width:130px; height:90px; }
方法二:若指的是内容页的缩略图吧?这个不是修改CSS,而是修改内容页模板中的JS代码。
找到模板中的这个标签:{$PhotoUrlList}
在解析后这个标签会变成如下JS代码内容:
<script language='javascript'> var arrUrlName=new Array(); var arrUrl=new Array(); arrUrlName[0]='图片地址1'; arrUrl[0]='/Photo/UploadPhotos/200604/20060427084000863.jpg'; </script> <div id='PhotoUrlList'></div> <script language='javascript'> function ShowUrlList(page){ if(arrUrl.length<=1) return ''; var dTotalPage=arrUrl.length/5; var TotalPage; var MaxPerPage=5; if(arrUrl.length%MaxPerPage==0){TotalPage=Math.floor(dTotalPage);}else{TotalPage=Math.floor(dTotalPage)+1;} if(page<1) page=1; if(page>TotalPage) page=TotalPage; var strPage='<table><tr>'; for(var i=(page-1)*MaxPerPage;i<arrUrl.length&&i<page*MaxPerPage;i++){ strPage+="<td><a href='#Title' onclick=ViewPhoto('"+arrUrl[i]+"')><img src='"+arrUrl[i]+"' border='0' width='130'></a></td>"; if((i+1)%5==0&&i+1<MaxPerPage){strPage+='</tr><tr>';} } strPage+="</tr></table>"; if(TotalPage>1){strPage+="<table><tr><td><a href='javascript:ShowUrlList(1)'>首页</a> <a href='javascript:ShowUrlList("+(page-1)+")'>上一页</a> <a href='javascript:ShowUrlList("+(page+1)+")'>下一页</a> <a href='javascript:ShowUrlList("+TotalPage+")'>尾页</a></td></tr></table>";} PhotoUrlList.innerHTML=strPage; } ShowUrlList(1); </script>
看到这里,我想您应该明白了。那就是修改模板,去掉{$PhotoUrlList}标签,直接改成{$GetUrlArray}这个标签,然后加上下面这段代码(您可以修改这段JS代码的内容,加上更多特效。比如红色的width='130',这里可以加上更多效果。
<div id='PhotoUrlList'></div> <script language='javascript'> function ShowUrlList(page){ if(arrUrl.length<=1) return ''; var dTotalPage=arrUrl.length/5; var TotalPage; var MaxPerPage=5; if(arrUrl.length%MaxPerPage==0){TotalPage=Math.floor(dTotalPage);}else{TotalPage=Math.floor(dTotalPage)+1;} if(page<1) page=1; if(page>TotalPage) page=TotalPage; var strPage='<table><tr>'; for(var i=(page-1)*MaxPerPage;i<arrUrl.length&&i<page*MaxPerPage;i++){ strPage+="<td><a href='#Title' onclick=ViewPhoto('"+arrUrl[i]+"')><img src='"+arrUrl[i]+"' border='0' width='130'></a></td>"; if((i+1)%5==0&&i+1<MaxPerPage){strPage+='</tr><tr>';} } strPage+="</tr></table>"; if(TotalPage>1){strPage+="<table><tr><td><a href='javascript:ShowUrlList(1)'>首页</a> <a href='javascript:ShowUrlList("+(page-1)+")'>上一页</a> <a href='javascript:ShowUrlList("+(page+1)+")'>下一页</a> <a href='javascript:ShowUrlList("+TotalPage+")'>尾页</a></td></tr></table>";} PhotoUrlList.innerHTML=strPage; } ShowUrlList(1); </script> |