您当前的位置:首页 > 帝国CMS教程

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

来源:帝国CMS教程发布者:帝国CMS模板网时间:2010-03-17

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;
//}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:S
howUrlList(
"+(page-1)+")";
document.getElementById("next_page").href="javascript:S
howUrlList
("+(page+1)+")";
document.getElementById("PhotoUrlList").innerHTML=strPage;
}
</script>

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

[!--picurl--]
3.在图片集展示的模板里调用:

[eshowphoto]13,0,0[/eshowphoto] 13为刚才添加的标签模板ID