- 资源介绍
1.修改eclasst_functions.php
找到sys_PhotoMorepage函数替换如下:
//图库模型分页标签
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);
}
找到ReplaceMorePagetemp函数替换如下:
//替换图片集分页模板
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="/skin/tpj/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/tpj/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/tpj/photo_prev.gif" align="absmiddle" /></a></dd>
  <dd><a href="jaascript:;" id="next_pic"><img src="/skin/tpj/photo_next.gif" align="absmiddle" /></a></dd>
  <dd><select id="photo_select" onChange="changePic(this)"></select></dd>
  <dt><a href="/pic/"><img src="/skin/tpj/photo_enter.gif" align="absmiddle" /></a></dt>
  <dt><a href="javascript:;" id="show_pic" target="_blank"><img src="/skin/tpj/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/tpj/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/tpj/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;i++){
$("photo_select").options[$("photo_select").length]=new 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).toLowerCase();
  if(FileExt=='gif'||FileExt=='jpg'||FileExt=='png'||FileExt=='bmp'||FileExt=='jpeg'){
    strHtml="<a href='javascript:nextpic("+num+");'><img src='"+PhotoUrl+"' onload='if(this.width>500) this.width=500'></a>";
document.getElementById('show_pic').href=PhotoUrl;
document.getElementById('prev_pic').href="javascript:nextpic("+(num-2)+");";
document.getElementById('next_pic').href="javascript:nextpic("+num+");";
  }else if(FileExt=='swf'){
    strHtml="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='550' height='400' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0'><param name='movie' value='"+PhotoUrl+"'><param name='quality' value='high'><embed src='"+PhotoUrl+"' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='550' height='400'></embed></object>";
document.getElementById('show_pic').href=PhotoUrl;
document.getElementById('prev_pic').href="javascript:nextpic("+(num-2)+");";
document.getElementById('next_pic').href="javascript:nextpic("+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='/skin/tpj/photo_play1.gif';
    sTimer=setTimeout("ViewNext("+(iplay+1)+")",2000);
  }else{
    clearTimeout(sTimer);
    IsPlaying=false;
    document.getElementById('SlideButton').src='/skin/tpj/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('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;i<arrUrl.length;i++){
  if(num==i) ViewPhoto(arrUrl[i],(i+2));
} //13 14
if(num<arrUrl.length&&num>0)$("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<arrUrl.length&&i<page*MaxPerPage;i++){
//if(!changePage){
//   strPage+="<li class='thispic'><a href='javascript:;' onclick=ViewPhoto('"+arrUrl[i]+"','"+(i+2)+"')><img src='"+arrUrl[i]+"' border='0'  width='70' height='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:ShowUrlList("+(page-1)+")";
  document.getElementById("next_page").href="javascript:ShowUrlList("+(page+1)+")";
  document.getElementById("PhotoUrlList").innerHTML=strPage;
}
</script>
列表内容模板(list.var) (*)
[!--picurl--]
3.在图片集展示的模板里调用:
[eshowphoto]13,0,0[/eshowphoto] 
13为刚才添加的标签模板ID
4.上传附件中的tpj文件夹到网站根目录skin文件夹下.

 
           
        
      
发表评论