网络建站知识发布于分享网站

当前位置:首页>>新闻中心>>CMS教程>>帝国cms教程

帝国CMS实现腾讯图片展示功能

时间:2025-03-29 03:17:04    来源:    人气:1

在网站建设中,实现图片集分页功能是一项常见的需求。本文将详细介绍如何通过修改PHP代码和HTML模板来实现这一功能,从而提升用户体验。

首先,在实现图片集分页功能时,我们需要对`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='".$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);
}

//替换图片集分页模板
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;
}
    


接下来,我们需要在后台模板管理中添加一个标签模板。以下是页面模板的内容:

<script language="javascript" type="text/javascript"></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:;" id="play_pic"><img src="/Skin/Tags/img2/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/Tags/img2/photo_prev.gif" align="absmiddle" /></a></dd>
  <dd><a href="jaascript:;" id="next_pic"><img src="/Skin/Tags/img2/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.gif" align="absmiddle" /></a></dt>
  <dt><a href="javascript:;" id="show_pic" target="_blank"><img 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/Tags/img2/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){
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;i0)$("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
通过以上步骤,您可以成功实现图片集的分页功能。这不仅提升了网站的专业性,还为用户提供了更佳的浏览体验。

相关文章

  • 帝国CMS留言板显示IP的方法

    帝国CMS留言板显示IP的方法

    在留言板和后台留言审核面板中显示留言者的IP地址,是增强网站安全性和管理效率的重要功能。通过记录和展示IP地址,管理员可以更方便地追踪留言来源,确保内容的真实性和合法性。本文将详细介绍如何实现这一功能,并优化搜索引擎排名(SEO)。 首先,我们需要了解如何在代码中正确插入IP地址的显示逻辑。以下是...
    2025-03-29
  • 帝国显示IP问题的解决方案

    帝国显示IP问题的解决方案

    在网站开发中,保护用户隐私是一个重要的考虑因素。当您在分类信息内容页添加了发布人的IP显示功能时,可能会面临如何隐藏IP地址的部分数字以保护用户隐私的问题。本文将介绍一种方法,让您能够像处理评论中的IP地址一样,将IP地址的最后一位数字替换为“*”。 为了实现这一功能,您可以使用PHP代码对IP地...
    2025-03-29
  • 帝国系统生成完整GOOGLE SITEMAP的方法

    帝国系统生成完整GOOGLE SITEMAP的方法

    创建符合SEO标准的Google Sitemap对于提高网站在搜索引擎中的可见性至关重要。以下是一篇经过改写的文章,详细介绍了如何利用栏目分别创建不同的Sitemap,并确保其符合Google的要求。 技术整理:24mp3技术支持:wm_chief, hicode 制作Google Sitema...
    2025-03-29
  • 帝国CMS教程:使用灵动标签制作友情连接

    帝国CMS教程:使用灵动标签制作友情连接

    在构建动态网站时,使用循环结构来展示数据是一种常见的做法。例如,在EmpireCMS中,我们可以利用[e:loop]标签来实现这一功能。下面是一篇关于如何使用[e:loop]标签生成友情链接列表的文章,旨在优化搜索引擎排名(SEO),同时确保代码的可读性和功能性。 在EmpireCMS中,[e:l...
    2025-03-29

公众号