-
帝国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=" ";
//自加
$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
相关文章
-
在留言板和后台留言审核面板中显示留言者的IP地址,是增强网站安全性和管理效率的重要功能。通过记录和展示IP地址,管理员可以更方便地追踪留言来源,确保内容的真实性和合法性。本文将详细介绍如何实现这一功能,并优化搜索引擎排名(SEO)。 首先,我们需要了解如何在代码中正确插入IP地址的显示逻辑。以下是...2025-03-29
-
在网站开发中,保护用户隐私是一个重要的考虑因素。当您在分类信息内容页添加了发布人的IP显示功能时,可能会面临如何隐藏IP地址的部分数字以保护用户隐私的问题。本文将介绍一种方法,让您能够像处理评论中的IP地址一样,将IP地址的最后一位数字替换为“*”。 为了实现这一功能,您可以使用PHP代码对IP地...2025-03-29
-
创建符合SEO标准的Google Sitemap对于提高网站在搜索引擎中的可见性至关重要。以下是一篇经过改写的文章,详细介绍了如何利用栏目分别创建不同的Sitemap,并确保其符合Google的要求。 技术整理:24mp3技术支持:wm_chief, hicode 制作Google Sitema...2025-03-29
-
在构建动态网站时,使用循环结构来展示数据是一种常见的做法。例如,在EmpireCMS中,我们可以利用[e:loop]标签来实现这一功能。下面是一篇关于如何使用[e:loop]标签生成友情链接列表的文章,旨在优化搜索引擎排名(SEO),同时确保代码的可读性和功能性。 在EmpireCMS中,[e:l...2025-03-29