帝国cms图片集展示功能插件

帝国cms图片集展示功能插件

  • 下载方式:免费下载
  • 插件类型: 帝国CMS免费插件
  • 插件大小:10.80 KB
  • 发布时间:2010-05-11
  • 插件编码:UTF-8
  • 浏览次数:2.7万+
下载插件
收藏
点赞(38)
插件介绍

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="&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文件夹下.

没有找到您需要的帝国CMS插件?

提交您的需求,定制插件。

立即咨询
帝国CMS模板网 帝国CMS模板网(www.daixiao360.cn)长期承接帝国CMS模板定制,帝国CMS仿站,帝国CMS采集规则,帝国CMS插件,帝国CMS二次开发。