zoomla
Version:
16年专业研发|中文alexa排名第一的CMS品牌-基于dotNET core、功能强大，集成站群、微信开发、小程序与ERP及OA办公系统，支持国际语言和多民族语言，世界五百强与大型门户专用高端网站内核CMS系统
322 lines (312 loc) • 12.6 kB
HTML
{ZL.Source id="图库模型数据源标签"/}
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="图库模型数据源标签" FD="Title" page="0"/}_{$SiteName/}</title>
<meta name="Keywords" content="{SField sid="图库模型数据源标签" FD="Tagkey" page="0"/}">
{ZL:Boot4()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script src="/js/scrolltopcontrol.js" type="text/javascript"></script>
<script src="/JS/Controls/B_User.js"></script>
<script src="{$CssDir/}js/server.js"></script>
</head>
<body>
<header class="fixed-top pic_con_header">
{ZL.Label id="全站头部"/} <!-- 导航到此结束 -->
</header>
<!--header end-->
<div class="pic_con_brand">
<div class="pic_con_mask"></div>
<h1>{ZL.Label id="输出指定ID节点名" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" /}</h1>
</div>
<!--brand end-->
<div>
<div class="container mySites" style="margin-top:0;padding-top:20px;">
<nav aria-label="breadcrumb" role="navigation" style="font-size: 0.9rem;">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">首页</a></li>
{ZL.Label id="输出多级节点导航_V4" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" ShowNum="30" /}
</ol>
</nav>
</div>
<div class="container">
<!--弹出层开始-->
<!--播放到第一张图的提示-->
<div class="modal fade" id="firsttop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">图片播放完了</h4>
</div>
<div class="modal-body">
上一个图库：{ZL.Label id="上一个图库" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" /}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">返回</button>
</div>
</div>
</div>
</div>
<!--播放到最后一张图的提示-->
<div class="modal fade" id="endtop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">图片播放完了</h4>
</div>
<div class="modal-body">
下一个图库：{ZL.Label id="下一个图库" NodeID="{SField sid="图库模型数据源标签" FD="NodeID" page="0"/}" /}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">返回</button>
</div>
</div>
</div>
</div>
<!--弹出层结束-->
<!--图片特效内容开始-->
<div class="piccontext">
<h2>{SField sid="图库模型数据源标签" FD="Title" page="0"/}<small class="text-muted picshowNum">(<span>1</span>/<i>0</i>)</small></h2>
<abbr><span>{ZL:FormatDate({SField sid="图库模型数据源标签" FD="CreateTime" page="0"/},yyyy-MM-dd HH:mm)/}</span><span>来源：{SField sid="图库模型数据源标签" FD="source" page="0"/}</span><span>编辑：{SField sid="图库模型数据源标签" FD="author" page="0"/}</span><span>浏览：<span><SCRIPT language=javascript src="/Common/GetHits?id={SField sid="图库模型数据源标签" FD="GeneralID" page="0"/}"></SCRIPT></span></span></abbr>
<!--大图展示-->
<div class="picshow">
<div class="picshowtop">
<a href="/"><img id="pic1" curindex="0" /></a>
<a id="preArrow" href="javascript:void(0)" class="contextDiv" title="上一张"></a>
<a id="nextArrow" href="javascript:void(0)" class="contextDiv" title="下一张"></a>
</div>
<div class="picshowtxt">
<div class="picshowtxt_right"></div>
</div>
<div class="source">
<div class="pull-right">
<span style="display:block; float:left; line-height:28px; color:#666; margin-left:10px;">分享到：</span>
<div class="bdsharebuttonbox" style="display:block; float:left;"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
</div>
<div class="source_right">
<div class="support">支持← →键翻阅图片</div>
<a href="javascript:;" class="list"><i class="zi zi_tmDelicious" aria-hidden="true"></i> 列表查看</a> </div>
</div>
<div class="picshowlist">
<div class="picshowlist_mid">
<div class="picmidmid row" id="picmidmid"><ul class="list-unstyled"></ul></div>
</div>
</div>
</div>
<!--列表展示-->
<div class="piclistshow " id="piclistshow">
<div class="source_right1 clearfix"><a href="javascript:;" class="gaoqing"><i class="zi zi_tmGg" aria-hidden="true"></i> 高清查看</a> </div>
<ul class="row list-unstyled padding10"></ul></div>
<div id="content_synopsis">
{SField sid="图库模型数据源标签" FD="Content" page="0"/}
</div>
</div>
</div>
</div>
{ZL.Label id="全站底部"/}
<script>
var siteurl=""; //{$UploadDir/}
var firstpho="";
var photos='{SField sid="图库模型数据源标签" FD="PhotoUrl"/}';
var pho = eval(photos);
var arrUrlName=new Array();
var arrUrl=new Array();
var str="";
var str1="";
for(var i=0;i<pho.length;i++)
{
console.log(pho[i].url.indexOf("httsssps://"))
if(pho[i].url.indexOf("{$UploadDir/}")<0&&pho[i].url.indexOf("https://")<0)
siteurl="{$UploadDir/}";
else
siteurl="";
str1+="<li class=\"col-md-3 padding5\"><div class=\"picimg\"><img src=\""+siteurl+pho[i].url+"\" alt=\""+pho[i].desc+"\" /></div><div class=\"pictxt\"><h3>"+pho[i].desc+"<span>("+(parseInt(i)+1)+"/"+pho.length+")</span></h3></div></li>";
str+="<li class=\"col-lg-1 col-md-2 col-sm-2 col-xs-3\"><a href=\"javascript:void(0);\"><img src=\""+siteurl+pho[i].url+"\" alt=\""+pho[i].desc+"\" bigimg=\""+siteurl+pho[i].url+"\" text=\""+pho[i].desc+"\" /></a></li>";
}
$("#pic1").attr("src",arrUrl[0]);
$("#pic1").attr("alt",arrUrlName[0]);
$("#piclistshow ul").html(str1);
$("#picmidmid ul").html(str);
$(".picshowNum i").html(pho.length);
$().ready(function(e) {
$(function() {
$(".piclistshow li").hover(function() {
$(this).css("background", "#FAFAFA")
},
function() {
$(this).css("background", "")
});
$(".piclistshow li").last().css("border-bottom", "none");
$(".piclistshow li").each(function() {
var curindex = $(this).index(".piclistshow li") + 1;
if (curindex % 4 == 0) {
}
});
$(document).keydown(function(event) {
var key = event.keyCode;
var firstdisplay = $("#firsttop").css("display");
var enddisplay = $("#endtop").css("display");
if (firstdisplay == "none" && enddisplay == "none") {
if (key == 37) {
preclick()
} else {
if (key == 39) {
nextclick()
}
}
} else {
if (key == 27) {
$("#firsttop").css("display", "none");
$("#bodymodal").css("display", "none");
$("#endtop").css("display", "none")
}
}
});
var firstpic = $(".picmidmid ul li").first().find("img");
var firstsrc = firstpic.attr("bigimg");
var firsttxt = firstpic.attr("text");
$("#pic1").attr("src", firstsrc);
firstpic.addClass("selectpic");
$(".picshowtxt_right").text(firsttxt);
$("#preArrow").hover(function() {
$("#preArrow_A").css("display", "block")
},
function() {
$("#preArrow_A").css("display", "none")
});
$("#nextArrow").hover(function() {
$("#nextArrow_A").css("display", "block")
},
function() {
$("#nextArrow_A").css("display", "none")
});
var getli = $(".picmidmid ul li");
function nextclick() {
var currrentindex = parseFloat($("#pic1").attr("curindex"));
var length = getli.length;
if (currrentindex != (length - 1)) {
var curli = getli.eq(currrentindex);
var curnextli = getli.eq(currrentindex + 1);
var curnextsrc = curnextli.find("img").attr("bigimg");
var curnexttxt = curnextli.find("img").attr("text");
curli.find("img").removeClass("selectpic");
curnextli.find("img").addClass("selectpic");
$("#pic1").attr("src", curnextsrc);
$("#pic1").attr("curindex", currrentindex + 1);
$(".picshowtxt_right").text(curnexttxt);
$(".picshowNum span").text(currrentindex + 2)
} else {
$("#endtop").modal("show");
}
}
$("#nextArrow_B").click(function() {
nextclick()
});
$("#nextArrow").click(function() {
nextclick()
});
function preclick() {
var currrentindex = parseFloat($("#pic1").attr("curindex"));
if (currrentindex != 0) {
var curli = getli.eq(currrentindex);
var length = getli.length;
var curnextli = getli.eq(currrentindex - 1);
var curnextsrc = curnextli.find("img").attr("bigimg");
var curnexttxt = curnextli.find("img").attr("text");
curli.find("img").removeClass("selectpic");
curnextli.find("img").addClass("selectpic");
$("#pic1").attr("src", curnextsrc);
$(".picshowtxt_right").text(curnexttxt);
$("#pic1").attr("curindex", currrentindex - 1);
$(".picshowNum span").text(currrentindex)
} else {
$("#firsttop").modal("show");
}
}
$("#preArrow_B").click(function() {
preclick()
});
$("#preArrow").click(function() {
preclick()
});
getli.click(function() {
var currentliindex = $(this).index(".picmidmid ul li");
$(".picmidmid ul li img[class='selectpic']").removeClass("selectpic");
var currentli = getli.eq(currentliindex);
currentli.find("img").addClass("selectpic");
var bigimgsrc = currentli.find("img").attr("bigimg");
var curnexttxt = currentli.find("img").attr("text");
$("#pic1").attr("src", bigimgsrc);
$("#pic1").attr("curindex", currentliindex);
$(".picshowtxt_right").text(curnexttxt);
$(".picshowNum span").text(currentliindex + 1)
});
$(".piclistshow li").click(function() {
var curli = $(this).index(".piclistshow li");
showgaoqing();
$(".picmidmid ul li img[class='selectpic']").removeClass("selectpic");
var currentli = getli.eq(curli);
currentli.find("img").addClass("selectpic");
var bigimgsrc = currentli.find("img").attr("bigimg");
var curnexttxt = currentli.find("img").attr("text");
$("#pic1").attr("src", bigimgsrc);
$("#pic1").attr("curindex", curli);
$(".picshowtxt_right").text(curnexttxt);
$(".picshowNum span").text(curli + 1);
$(".picmidmid li").css("display", "block");
});
$(".list").click(function() {
$(".picshow").css("display", "none");
$(".piclistshow").css("display", "block");
$(".source_right").css("display", "none");
$(".source_right1").css("display", "block")
});
$(".gaoqing").click(function() {
showgaoqing();
});
function showgaoqing() {
$(".picshow").css("display", "block");
$(".piclistshow").css("display", "none");
$(".source_right").css("display", "block");
$(".source_right1").css("display", "none")
}
});
});
var buser = new B_User();
buser.IsLogged(function(data,flag){
if(flag)
{
data=JSON.parse(data);
$(".nav_user>a").html(data.UserName+"的会员中心");
$(".nav_user .dropdown-menu li:nth-child(1) a").html("会员中心");
$(".nav_user .dropdown-menu li:nth-child(2)").remove();
}
});
$(window).scroll(function(){
if($(window).scrollTop()>0){
$("#home_nav").css("position","fixed").addClass("active")
}
else{
$("#home_nav").css("position","relative").removeClass("active");
}
});
/*显示搜索框*/
function isSearch(){
$(".home_search").css("opacity","1").css("z-index","1").css("right","0").css("top","0.5rem");
$(".home_top_nav").fadeOut(200);
$(".home_search .form-control").focus();
}
/*关闭搜索框*/
function isClose(){
$(".home_search").css("opacity","0").css("z-index","-1").css("right","-1em");
$(".home_top_nav").fadeIn(1000);
}
</script>
</body>
</html>