
帝国cms仿新浪图片集插件
- 下载方式:免费下载
- 插件类型: 帝国CMS免费插件
- 插件大小:47.76 KB
- 发布时间:2014-09-25
- 插件编码:UTF-8
- 浏览次数:2.3万+
下载插件
收藏
点赞(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教程
没有找到您需要的帝国CMS插件?
提交您的需求,定制插件。
立即咨询-
934 1千+ 300
-
1.4千+ 16 300
-
1.3千+ 24 300
-
1.1千+ 3 200
-
1.4千+ 8 300
-
1.3千+ 12 500
-
1.1千+ 28 200
-
2.8千+ 22 200