帝国CMS如何添加腾讯图片展示功能

帝国cms如何添加腾讯图片展示功能？

1.修改eclasst_functions.php 添加以下红色代码

//图库模型分页标签
function sys_PhotoMorepage($tempid, $spicwidth = 0, $spicheight = 0) {
    global $navinfor;
    $morepic = $navinfor['morepic'];
    if (empty($morepic)) {
        return "";
    }
    //取得标签
    $tempr = sys_ReturnBqTemp($tempid);
    if (empty($tempr['tempid'])) {
        return "";
    }
    $rexp = "rn";
    $fexp = "::::::";
    $gs = "";
    if ($spicwidth) {
        $gs = " width='".$spicwidth."'";
    }
    if ($spicheight) {
        $gs. = " height='".$spicheight."'";
    }
    $rstr = "";
    $sdh = "";
    $firstpic = "";
    $optionstr = "";
    $titleoption = "";
    $listpage = "";
    $nbsp = "";
    $rr = explode($rexp, $morepic);
    $count = count($rr);

    //自加
    $pictitleabout = "";
    $rstrb = "";
    //
    for ($i = 0; $i < $count; $i++) {
        $j = $i + 1;
        $fr = explode($fexp, $rr[$i]);
        $smallpic = $fr[0]; //小图
        $bigpic = $fr[1]; //大图
        if (empty($bigpic)) {
            $bigpic = $smallpic;
        }
        $picname = htmlspecialchars($fr[2]); //名称
        $showpic = ReplaceMorePagelistvar($tempr['listvar'], $picname, $bigpic);
        $sdh. = $nbsp."<a href='#ecms' onclick='GotoPhPage(".$j.");' title='".$pic | name."'><img src='".$smallpic."' alt='".$picname."' border=0".$gs."></a>";
        if ($i == 0) {
            $firstpic = $showpic;
        }
        $rstr. = "photosr[".$j."]="".addslashes($showpic)."";
";
        $optionstr. = "<option value=".$j.">第 ".$j." 页</option>";
        $titleoption. = "<option value=".$j.">".$j."、".$picname."</option>";
        $listpage. = $nbsp."<a href='#ecms' onclick='GotoPhPage(".$j.");' t
itle='".$picname."'>".$j."</a>";
        $nbsp = "&nbsp;";

        //自加
        $pictitleabout. = "arrUrlName[".$i."]="".addslashes($picname)."";";
        $rstrb. = "arrUrl[".$i."]="".addslashes($showpic)."";";
        //

    }
    echo ReplaceMorePagetemp($tempr['temptext'], $rstr, $sdh, $optionstr, $titleoption, $firstpic, $listpage, $pictitleabout, $rstrb);
}

//替换图片集分页模板
function ReplaceMorePagetemp($temp, $rstr, $sdh, $select, $titleselect, $showpic,

$listpage, $pictitleabout, $rstrb) {
    $temp = str_replace("[!–photor–]", $rstr, $temp);
    $temp = str_replace("[!–smalldh–]", $sdh, $temp);
    $temp = str_replace("[!–select–]", $select, $temp);
    $temp = str_replace("[!–titleselect–]", $titleselect, $temp);
    $temp = str_replace("[!–listpage–]", $listpage, $temp);
    $temp = str_replace("<!–list.var1–>", $showpic, $temp);

    //自加
    $temp = str_replace("[!–pictitleabout–]", $pictitleabout, $temp);
    $temp = str_replace("[!–UrlName–]", $rstrb, $temp);
    //

    return $temp;
}

2.到后台模板管理-标签模板里添加一个标签模板

页面模板内容(*)

<script language="javascript" type="text/javascript" src="/JS/Common.js"></script>
<style>
img {
    border:0;
    display:inline-block;
}
.float_left {
    float:left
}
.float_right {
    float:right
}
.showpic_ex {
    width:580px;
    background:#F4F4F4;
}
.photo_bar {
    padding:0 10px;
    height:35px;
    background:#EBEBEB
}
.photo_bar dd {
    float:left;
    margin:5px
}
.photo_bar dt {
    float:right;
    margin:5px
}
#imgBox {
    text-align:center;
    padding:15px 0
}
#photolist {
    height:80px;
    clear:both;
    background:#EBEBEB
}
#photolist .kz {
    margin:10px 0;
}
#photolist .list li {
    margin:5px 10px;
    float:left;
    height:70px;
    width:70px
}
</style>
<div class="showpic_ex">
  <dl class="photo_bar">
    <dd>
      <a href="javascript:SlidePlay();" id="play_pic">
        <img src="/Skin/Tag
        s/img2/photo_play.gif" id="SlideButton" align="absmiddle" />
      </a>
      <input id="interval" type="hidden" v alue="5" name="interval"></dd>
    <dd>
      <a href="javascript:;" id="prev_pic">
        <img src="/Skin/Tags/
        img2/photo_prev.gif" align="absmiddle" />
      </a>
    </dd>
    <dd>
      <a href="jaascript:;" id="next_pic">
        <img src="/Skin/Tags/i
        mg2/photo_next.gif" align="absmiddle" />
      </a>
    </dd>
    <dd>
      <select id="photo_select" onChange="changePic(this)"></select>
    </dd>
    <dt>
      <a href="/pic/">
        <img src="/Skin/Tags/img2/photo_enter.gi
        f" align="abs
        middle" />
      </a>
    </dt>
    <dt>
      <a href="javascript:;" id="show_pic" target="_blank">
        <i mg src="/Skin/
        Tags/img2/photo_showpic.gif" align="absmiddle" />
      </a>
    </dt>
  </dl>
  <div id="imgBox"></div>
  <div id="photolist">
    <div class="kz float_left">
      <a href="javascript:;" id="prev_page">
        <img src="/Skin/Tags/img2
        /photo_left.gif" />
      </a>
    </div>
    <ul class="list" id="PhotoUrlList"></ul>
    <div class="kz float_right">
      <a href="javascript:;" id="next_page">
        <img src="/Skin/T
        ags/img2/ph
        oto_right.gif" />
      </a>
    </div>
  </div>
</div>
<script type="text/javascript">var Bof = 1;
  var iplay = 1;
  var IsPlaying = false;
  var PhotoIndex = 1;
  var arrUrlName = new Array();
  var arrUrl = new Array();
  var idomain = "/"; [!–UrlName–][!–pictitleabout–]

  var selectList = "";
  for (var i = 0; i < arrUrl.length; i++) {
    $("photo_select").options[$("photo_select").length] = n ew Option((i + 1) + "/" + arrUrl.length + "张", i);
  }
  ViewPhoto('<!–list.var1–>', 2);
  ShowUrlList(Bof);

  function changePic(id) {
    var j = parseInt(id.options[id.selectedIndex].value);
    ViewPhoto(arrUrl[j], j + 2);
  }

  function ViewPhoto(PhotoUrl, num) {
    var strHtml;
    var FileExt = PhotoUrl.substr(PhotoUrl.lastIndexOf('.') + 1).to LowerCase();
    if (FileExt == 'gif' || FileExt == 'jpg' || FileExt == 'png' || FileExt == 'bm
p' || FileExt == 'jpeg') {
      strHtml = "<a href='javascript:nextpic(" + num + ");'><img s
rc='" + PhotoUr l + "' onload='if(this.width>500) t
his.width=500'></a>";
      document.getElementById('show_pic').href = PhotoUrl;
      document.getElementById('prev_pic').href = "javascript:ne
xtpic(" + (num – 2) + ");";
      document.getElementById('next_pic').href = "javascript:n
extpic(" + num + ");";
    } else if (FileExt == 'swf') {
      strHtml = "<object classid='clsid:D27CDB6E-AE6D-11cf-9
6B8-44455354
0000' width='550' height='400' codebase='http://download.m
acromedia.com}
pub/shockwave/cabs/flash/sw
flash.cab#version=5,0,0,0'><param n
ame='movie' value='" + PhotoUrl + "'><param name='quality' v
alue='high'><embe
d src='" + PhotoUrl + "' plugins
page='http://www.macromedia.com/shockwave/download/
index.cgi?P1_Prod_
Version=ShockwaveFlash' t
ype='application/x-shockwave-flash' width='550' height='400
'></embed></object>";
      document.getElementById('show_pic').href = PhotoUrl;
      document.getElementById('prev_pic').href = "javascript:next
pic(" + (num – 2) + ");";
      document.getElementById('next_pic').href = "javascript:nextp
ic(" + num + ");";
    } else {
      strHtml = PhotoUrl;
    }
    var inum = num – 1;
    iplay = num;
    if (inum <= 6) {
      ShowUrlList(1);
    } else if (inum <= 12) {
      ShowUrlList(2);
    } else if (inum <= 18) {
      ShowUrlList(3);
    } else if (inum <= 24) {
      ShowUrlList(4);
    }
    document.getElementById('imgBox').innerHTML = strHtml;
  }

  function SlidePlay() {
    var sTimer, url;
    if (IsPlaying == false) {
      IsPlaying = true;
      document.getElementById('SlideButton').src = idomain + 'Skin/Tags/im
g2/photo_play1.gif';
      sTimer = setTimeout("ViewNext(" + (iplay + 1) + ")", 2000);
    } else {
      clearTimeout(sTimer);
      IsPlaying = false;
      document.getElementById('SlideButton').src = idomain + 'S
kin/Tags/img2
/photo_play.gif';
    }
  }
  function ViewNext(i) {
    if (IsPlaying == false) {
      return false;
    }
    if (PhotoIndex < arrUrl.length) {
      ViewPhoto(arrUrl[PhotoIndex], i);
      PhotoIndex += 1;
      iplay += 1
    }
    if (PhotoIndex >= arrUrl.length) {
      PhotoIndex = 0;
      iplay = 2;
    }
    var iTimeout = parseInt(document.getElementById('interv
al').value * 1000);
    if (isNaN(iTimeout)) {
      iTimeout = 3000;
    }
    if (iTimeout < 1000) {
      iTimeout = 5000;
    }
    sTimer = setTimeout("ViewNext(" + iplay + ")", iTimeout);
    $("photo_select").selectedIndex = i – 2;
  }

  function nextpic(ix) {
    var num = ix – 1;
    for (var i = 0; i < arrUrl.length; i++) {
      if (num == i) ViewPhoto(arrUrl[i], (i + 2));
    } //13 14
    if (num < arrUrl.length && num > 0) $("photo_select").selected Index = num;
  }

  function ShowUrlList(page) {
    if (arrUrl.length <= 1) return '';
    var dTotalPage = arrUrl.length / 6;
    var TotalPage;
    var MaxPerPage = 6;
    var changePage = false;
    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 = "";
    for (var i = (page – 1) * MaxPerPage; i < arrUrl.length && i < page * MaxP erPage; i++) {
      //if(!changePage){
      // strPage+="<li class='thispic'><a href='javascript:;' onclick=V
      iewPhot o('"+arrUrl[i]+"', '"+(i+2)+"') > <img src = '"+arrUrl[i]+"'border = '0'width = '70'heig ht = '70' / ></a></li > ";
// ViewPhoto(arrUrl[i],i+2);
// changePage=true;
/