最新公告
  • 欢迎您光临 我爱模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境! 立即加入钻石VIP
  • 1.修改eclasst_functions.php
    找到sys_PhotoMorepage函数替换如下:

    //图库模型分页标签
    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='".$picname."'><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.");' title='".$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);
    }
    

    找到ReplaceMorePagetemp函数替换如下:

    //替换图片集分页模板
    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="/skin/tpj/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/tpj/photo_play.gif" id="SlideButton" align="absmiddle" /></a><input id="interval" type="hidden" value="5" name="interval"></dd>
      <dd><a href="javascript:;" id="prev_pic"><img src="/skin/tpj/photo_prev.gif" align="absmiddle" /></a></dd>
      <dd><a href="jaascript:;" id="next_pic"><img src="/skin/tpj/photo_next.gif" align="absmiddle" /></a></dd>
      <dd><select id="photo_select" onChange="changePic(this)"></select></dd>
      <dt><a href="/pic/"><img src="/skin/tpj/photo_enter.gif" align="absmiddle" /></a></dt>
      <dt><a href="javascript:;" id="show_pic" target="_blank"><img src="/skin/tpj/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/tpj/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/tpj/photo_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]=new 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).toLowerCase();
      if(FileExt=='gif'||FileExt=='jpg'||FileExt=='png'||FileExt=='bmp'||FileExt=='jpeg'){
        strHtml="<a href='javascript:nextpic("+num+");'><img src='"+PhotoUrl+"' onload='if(this.width>500) this.width=500'></a>";
    document.getElementById('show_pic').href=PhotoUrl;
    document.getElementById('prev_pic').href="javascript:nextpic("+(num-2)+");";
    document.getElementById('next_pic').href="javascript:nextpic("+num+");";
      }else if(FileExt=='swf'){
        strHtml="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='550' height='400' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0'><param name='movie' value='"+PhotoUrl+"'><param name='quality' value='high'><embed src='"+PhotoUrl+"' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='550' height='400'></embed></object>";
    document.getElementById('show_pic').href=PhotoUrl;
    document.getElementById('prev_pic').href="javascript:nextpic("+(num-2)+");";
    document.getElementById('next_pic').href="javascript:nextpic("+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='/skin/tpj/photo_play1.gif';
        sTimer=setTimeout("ViewNext("+(iplay+1)+")",2000);
      }else{
        clearTimeout(sTimer);
        IsPlaying=false;
        document.getElementById('SlideButton').src='/skin/tpj/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('interval').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").selectedIndex = 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*MaxPerPage;i++){
    //if(!changePage){
    //   strPage+="<li class='thispic'><a href='javascript:;' onclick=ViewPhoto('"+arrUrl[i]+"','"+(i+2)+"')><img src='"+arrUrl[i]+"' border='0'  width='70' height='70' /></a></li>";
    // ViewPhoto(arrUrl[i],i+2);
    // changePage=true;
    //}else{
         strPage+="<li><a href='javascript:;' onclick=ViewPhoto('"+arrUrl[i]+"','"+(i+2)+"')><img src='"+arrUrl[i]+"' border='0'  width='70' height='70' /></a></li>";
    //}
      }
    
      document.getElementById("prev_page").href="javascript:ShowUrlList("+(page-1)+")";
      document.getElementById("next_page").href="javascript:ShowUrlList("+(page+1)+")";
      document.getElementById("PhotoUrlList").innerHTML=strPage;
    }
    </script>
    

    列表内容模板(list.var) (*)

    ​​​​​​​[!--picurl--]

    3.在图片集展示的模板里调用:

    [eshowphoto]13,0,0[/eshowphoto] 

    13为刚才添加的标签模板ID

    4.上传附件中的tpj文件夹到网站根目录skin文件夹下.


    我爱模板网 » 帝国cms图片集展示功能插件

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者
    script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?587cc1e5c052b5b0ce99533beff13c96"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();

    请选择支付方式

    ×
    支付宝支付
    余额支付
    ×
    微信扫码支付 0 元