- 资源介绍
把下载下来的压缩包解压出来其中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>
效果图如下：
发表评论