首页 > 帝国CMS教程 > 帝国cms查询数据库 帝国CMS添加腾讯图片展示功能

帝国cms查询数据库 帝国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="http://www.dedecms51.com/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="http://www.dedecms51.com/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="http://www.dedecms51.com/Skin/Tags/

img2/photo_prev.gif" align="absmiddle" /></a></dd>

<dd><a href="jaascript:;" id="next_pic"><img src="http://www.dedecms51.com/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="http://www.dedecms51.com/Skin/Tags/img2/photo_enter.gi

f" align="abs

middle" /></a></dt>

<dt><a href="javascript:;" id="show_pic" target="_blank"><i

mg src="http://www.dedecms51.com/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="http://www.dedecms51.com/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="http://www.dedecms51.com/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;

/
标签： 帝国cms查询数据库

相关推荐