帝国cms仿新浪图片集插件

帝国cms仿新浪图片集插件

  • 下载方式:免费下载
  • 插件类型: 帝国CMS免费插件
  • 插件大小:47.76 KB
  • 发布时间:2014-09-25
  • 插件编码:UTF-8
  • 浏览次数:2.5万+
下载插件
收藏
点赞(14)
插件介绍

把下载下来的压缩包解压出来其中tpj文件夹上传到网站根目录skin文件夹下。

内容页模板如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>[!--pagetitle--]</title>
<meta name="Keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--]" />
<script type="text/javascript" src="[!--news.url--]skin/tpj/jquery-1.9.1.min.js"></script>
<link href="[!--news.url--]skin/tpj/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="brdddd imgcontent" style="width:980px; height:auto; margin:0 auto; border:#CCC solid 1px;">
<div class="img-main">
 <h1 class="imgTitles">[!--title--]</h1>
 <div class="imgTool">可以使用 ← 左 右→ 键来翻页</div>
 <!--内容展示区域-->
 <?php
if($navinfor['morepic'])
{
$picr=explode(egetzy('rn'),$navinfor[morepic]);
$result = count($picr);
$spicr=explode("::::::",$picr[0]);
$pc=$spicr[1];
}
else
{
$pc=$navinfor['titlepic'];
}
?>
<div id="imgContent">
<a class="imgpn img-prev">上一张</a>
<a class="imgpn img-next">下一张</a>
<a target="_blank" class="imgpn imgzoom" id="imgzoom">放大</a>
<div class="bigImgContent" id="bigImgContent"><a id="aimgcon"><img src="<?=$pc?>"/></a></div>
<div class="imageDescription">[!--picsay--]</div>
</div>
  <!--缩略图-->
<div id="smallImgContent">
 <div class="prevImgAtlas">
[e:loop={'selfinfo',1,0,0,'id<'.$navinfor[id].'','id desc'}]
  <a href="<?php
  echo $bqsr[titleurl];
  $pre='true';
  ?>"><img src="<?=sys_ResizeImg($bqr[titlepic],100,75,1,'')?>"><br/>上一图集</a>
  [/e:loop]
  <?php
  if(empty($pre)){
  echo "<img src=[!--news.url--]skin/tpj/images/NoPic.jpg> <br/> 狠抱歉!已经没有了";
  }
  ?>
 </div>
 <div class="nextImgAtlas">
  [e:loop={'selfinfo',1,0,0,'id>'.$navinfor[id].'','id asc'}]
  <a href="<?php
  echo $bqsr[titleurl];
  $next='true';
  ?>"><img src="<?=sys_ResizeImg($bqr[titlepic],100,75,1,'')?>"><br/>下一图集</a>
  [/e:loop]
  <?php
  if(empty($next)){
  echo "<img src=[!--news.url--]skin/tpj/images/NoPic.jpg> <br/> 狠抱歉!已经没有了";
  }
  ?>
 </div>
 <!--缩略图滚动-->
<div class="smallImgTab">
 <a class="prevPic">上一张</a>
 <a class="nextPic">下一张</a>
 <div id="smallImgScroll">
  <ul class="smallImgList">
<?php
if($navinfor['morepic'])
{
?>
<?php
$picr=explode(egetzy('rn'),$navinfor[morepic]);
$result = count($picr);
for($p=0;$p<count($picr);$p++)
{
$spicr=explode("::::::",$picr[$p]);
?>
<li><div><a href="javascript:void(0)" rel="<?=$spicr[1]?>" info="<?=$spicr[2]?>" ><img src="<?=$spicr[0]?>" width="100" height="75"/></a></div></li>
<?php
}
?>
<?
}
else
{
?>
<?
}
?>
</ul>
 </div>
 </div>
 <!--//缩略图滚动-->
  </div>
  <!--//缩略图-->
</div>
  </div>
<div class="popup-layer">
<div class="popup-layer-rel">
 <div class="layer-bg"></div>
 <div class="popup-msg">您已经浏览完所有图片<br />
 
[e:loop={'selfinfo',1,0,0,'id<'.$navinfor[id].'','id desc'}]
  <a href="<?php
  echo $bqsr[titleurl];
  $pre='true';
  ?>">播放上一图集</a>
  [/e:loop]
  <?php
  if(empty($pre)){
  echo "";
  }
  ?>
 
  [e:loop={'selfinfo',1,0,0,'id>'.$navinfor[id].'','id asc'}]
  <a href="<?php
  echo $bqsr[titleurl];
  $next='true';
  ?>">播放下一图集</a>
  [/e:loop]
  <?php
  if(empty($next)){
  echo "";
  }
  ?>
</div>
 <span class="layer-close" title="关闭">×</span>
</div>
</div>
<script src="[!--news.url--]skin/tpj/js.js" type="text/javascript"></script>
</body>
</html>

效果图如下:

帝国cms仿新浪图片集插件

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

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

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