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=" "; //自加 $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; /
|