showImage.ftl
8.98 KB
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>Metronic | Layouts - Promo Page</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/style.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<link href="/media/css/promo.css" rel="stylesheet" type="text/css"/>
<link href="/media/css/animate.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="/media/image/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed page-full-width">
<!-- BEGIN HEADER -->
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<div class="page-container row-fluid">
<!-- BEGIN EMPTY PAGE SIDEBAR -->
<!-- END EMPTY PAGE SIDEBAR -->
<!-- BEGIN PAGE -->
<div class="page-content no-min-height">
<div class="container-fluid promo-page">
<div class="row-fluid" >
<div class="span12" >
<!-- BEGIN EXAMPLE TABLE PORTLET-->
<div class="portlet box light-grey">
<div class="portlet-body">
<div class="form-inline" >
<div class="form-group">
<input type="hidden" id="curDir" value="${curDir}">
<input id="jumpName" name="directoryName" type="text" placeholder="子目录名称" class="span2"/>
<button id="directoryJump" type="button" class="btn blue" onclick="jump()">Jump</button>
</div>
</div>
</div>
<!-- END EXAMPLE TABLE PORTLET-->
</div>
</div>
</div>
<!-- BEGIN PAGE CONTENT-->
<div class="row-fluid">
<div class="span12">
<div class="block-grey" style="height: 150px;min-height: 280px">
<div class="container">
<div id="promo_carousel" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<div class="row-fluid">
<div class="span12 animated rotateInDownLeft" style="text-align: center">
<#-- <img src="/media/image/img3.png" alt="">-->
<a href="#">
<#if photoViewObj ??>
<img src="${photoViewObj.mainPic}" alt="">
</#if>
</a>
<#-- <a href="index.html"><img src="E:/code_company/ops_health/health_web/target/classes/static/media/image/1.jpg" alt=""></a>-->
</div>
</div>
</div>
</div>
<a class="carousel-control left" href="#" data-slide="prev">
<i class="m-icon-big-swapleft m-icon-white" onclick="getPre()"></i>
</a>
<a class="carousel-control right" href="#" data-slide="next">
<i class="m-icon-big-swapright m-icon-white" onclick="getNext()"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<#-- 相似图片-->
<div class="span6">
<#--相似的图片列表-->
<#if photoViewObj?? && photoViewObj.simPics ??>
<#list photoViewObj.simPics as p >
<#if p_index == 0>
<div class="row-fluid" style="margin-bottom: 10px;margin-top: 10px">
<div class="span12"style="text-align: center">
<#elseif p_index gt 0 && p_index % 4 == 0>
</div>
</div>
<div class="row-fluid" style="margin-bottom: 10px">
<div class="span12" style="text-align: center">
</#if>
<div class="span3">
<img src="${p}" alt="">
</div>
</#list>
</div>
</div>
</#if>
</div>
<#-- 相似图片 from 阿里-->
<div class="span6">
<#if photoViewObj?? && photoViewObj.aliPics ??>
<#list photoViewObj.aliPics as p >
<#if p_index == 0>
<div class="row-fluid" style="margin-bottom: 10px">
<div class="span12"style="text-align: center">
<#elseif p_index gt 0 && p_index % 4 == 0>
</div>
</div>
<div class="row-fluid" style="margin-bottom: 10px">
<div class="span12" style="text-align: center">
</#if>
<div class="span3">
<img src="${p}" alt="">
</div>
</#list>
</div>
</div>
</#if>
</div>
</div>
</div>
<!-- END PAGE CONTENT-->
</div>
<!-- END PAGE CONTAINER-->
</div>
<!-- END PAGE -->
<!-- END CONTAINER -->
<!-- BEGIN FOOTER1 -->
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="/media/js/excanvas.min.js"></script>
<script src="/media/js/respond.min.js"></script>
<![endif]-->
<script src="/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="/media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="/media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="/media/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->
<script src="/media/js/app.js"></script>
<script>
var curDir = $("#curDir").val();
jQuery(document).ready(function() {
App.init();
jQuery('#promo_carousel').carousel({
interval: 10000,
pause: 'hover'
});
});
//获取上一个
function getPre() {
window.location.href = encodeURI("/show/prev?curDir="+curDir);
}
function getNext(){
window.location.href = encodeURI("/show/next?curDir="+curDir);
}
function jump(){
var skn = $("#jumpName").val();
window.location.href = encodeURI("/show/jump?skn="+skn+"&curDir="+curDir);
}
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-37564768-1']); _gaq.push(['_setDomainName', 'keenthemes.com']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script></body>
<!-- END BODY -->
</html>