圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?_動(dòng)易Cms教程

      編輯Tag賺U幣
      教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!

      問(wèn)題:圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?如:

      第二步:樣式定義
      #photolistbox img
      {
      width:130px;
      height:90px;
      }

      方法二:若指的是內(nèi)容頁(yè)的縮略圖吧?這個(gè)不是修改CSS,而是修改內(nèi)容頁(yè)模板中的JS代碼

      找到模板中的這個(gè)標(biāo)簽:{$PhotoUrlList}

      在解析后這個(gè)標(biāo)簽會(huì)變成如下JS代碼內(nèi)容:

      <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' 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)'>首頁(yè)</a> <a href='javascript:ShowUrlList(" (page-1) ")'>上一頁(yè)</a> <a href='javascript:ShowUrlList(" (page 1) ")'>下一頁(yè)</a> <a href='javascript:ShowUrlList(" TotalPage ")'>尾頁(yè)</a></td></tr></table>";}
      PhotoUrlList.innerHTML=strPage;
      }
      ShowUrlList(1);
      </script>

      看到這里,我想您應(yīng)該明白了。那就是修改模板,去掉{$PhotoUrlList}標(biāo)簽,直接改成{$GetUrlArray}這個(gè)標(biāo)簽,然后加上下面這段代碼(您可以修改這段JS代碼的內(nèi)容,加上更多特效。比如紅色的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' if((i 1)%5==0&&i 1<MaxPerPage){strPage ='</tr><tr>';}
      }
      strPage ="</tr></table>";
      if(TotalPage>1){strPage ="<table><tr><td><a href='

      查看更多 動(dòng)易Cms教程  動(dòng)易Cms模板

      共2頁(yè)上一頁(yè)12下一頁(yè)
      來(lái)源:模板無(wú)憂(yōu)//所屬分類(lèi):動(dòng)易Cms教程/更新時(shí)間:2006-05-06
      相關(guān)動(dòng)易Cms教程