Skip to content

Z
ZhongWeiXin
Commit 3754aea7 by 邓丽
Options

fix

parent 4b5316ba
Showing with 156 additions and 246 deletions
dist/css/style.css
......@@ -614,26 +614,16 @@ body {
}
.cd-timeline-img {
position: absolute;
top: -8px;
border-radius: 50%;
width: 17px;
height: 17px;
border: 1px solid #d4d4d4;
top: -9px;
width: 15px;
height: 15px;
background-image: url('../images/round.png');
left: 25%;
margin-left: -10px;
margin-top: 20px;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cd-timeline-img .roundPoint {
background: #d4d4d4;
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
margin-bottom: 4px;
margin-left: 3px;
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
......@@ -669,11 +659,6 @@ a.cd-read-more:hover {
text-decoration: none;
background-color: #424242;
}
.cd-timeline-content img {
max-width: 100%;
height: auto;
margin: 7px 0px;
}
/*biography页面*/
#timeline {
width: 760px;
......@@ -739,7 +724,7 @@ a.cd-read-more:hover {
.bg-timeline-content h2 {
color: #b2b2b2;
line-height: 50px;
font-size: 18px;
font-size: 14px;
background: url(../images/dot.png) bottom left repeat-x;
margin-bottom: 16px;
}
......@@ -789,6 +774,11 @@ a.cd-read-more:hover {
color: #8a8a8a;
}
@media only screen and (min-width: 640px) {
.cd-timeline-content img {
width: auto;
height: auto;
max-width: 100%;
}
.am-with-topbar-fixed-top {
padding-top: 200px;
}
......@@ -1357,8 +1347,8 @@ a.cd-read-more:hover {
position: absolute;
width: auto;
left: -10%;
top: 11px;
font-size: 12px;
top: 10px;
font-size: 13px;
color: #f6f6f6;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
......@@ -1666,6 +1656,15 @@ a.cd-read-more:hover {
}
/*移动端媒体样式*/
@media only screen and (max-width: 640px) {
.cd-timeline-content img {
width: 80%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.am-gallery-overlay > li {
margin-bottom: 20px;
}
.sileTop {
margin-top: 200px;
}
......@@ -1787,7 +1786,7 @@ a.cd-read-more:hover {
}
.publicCon h2 {
color: #d4d4d4;
font-size: 18px;
font-size: 16px;
line-height: 35px;
letter-spacing: 1px;
margin-bottom: 10px;
......@@ -1959,8 +1958,9 @@ a.cd-read-more:hover {
margin-top: 19px;
}
.returnCon > span:first-child {
width: 55%;
width: auto;
text-align: center;
margin-left: 30px;
}
.marginTop {
margin-top: 70px;
......@@ -1979,7 +1979,7 @@ a.cd-read-more:hover {
left: 20px;
}
.cd-timeline-content .cd-date {
font-size: 12px;
font-size: 13px;
text-align: left;
display: block;
line-height: 30px;
......@@ -2021,13 +2021,7 @@ a.cd-read-more:hover {
letter-spacing: 1px;
}
#news ul li .blog .date {
display: block;
color: #999999;
padding-left: 15px;
line-height: 20px;
margin-bottom: 10px;
font-size: 12px;
text-align: center;
display: none;
}
#news ul li .blog .thumbnail {
width: 100%;
......@@ -2211,6 +2205,7 @@ img.lazy {
-o-object-fit: cover;
object-fit: cover;
}
.slick-lazyload-error,
.slick-loading {
height: 0px!important;
background: transparent;
......
dist/html/biography.html
......@@ -24,22 +24,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......@@ -119,7 +110,8 @@
<section class="cd-container bg-timeline">
<div class="cd-timeline-block">
<div class="cd-timeline-content bg-timeline-content">
<h2>艺术履历</h2>
<!-- <h2>艺术履历</h2>-->
<p><img src="../images/testImg1.png" alt=""/></p>
<p>钟维兴 ，1962年生，成都国际摄影文化交流协会会长、中国摄影家协会会员、中国摄影家协会图片产业委员会专家委员。2003年开始系统性摄影创作至今，作品曾发表刊登在《中国摄影》、《像素》、《西藏人文地理》等。已进行《天路》、《失落园》、《天玄地黄》、《马达加斯加影像日记》、《秘鲁影像日记·山巅上的乌兹托克》、《斯里兰卡影像日记·化相重合的瞬间》、《恒河系列》、《美国西海岸》等专题的创作，目前正在全球进行世界摄影大师肖像的拍摄。目前已经拍摄以下国际知名摄影大师：</p>
<ol class="shotList">
<li>塞巴斯蒂奥·萨尔加多（Sebastiao Salgado）</li>
......
dist/html/exhibition.html
......@@ -25,22 +25,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......@@ -164,6 +155,7 @@
</a>
</div>
<input id="linkTitle" value="exhibition" />
<!--图片轮播和懒加载效果-->
<!--<script type="text/javascript">
var winHeight = document.documentElement.clientHeight;
......
dist/html/index.html
......@@ -25,22 +25,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......@@ -151,7 +142,6 @@ var _h = parseInt($(window).height());//获取浏览器的宽度
"height":_h
})
}
}
$(window).resize(function() {
indexImg();
......
dist/html/news.html
......@@ -24,22 +24,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......
dist/html/portfolio.html
......@@ -24,22 +24,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......@@ -54,7 +45,6 @@
})();
</script>
<script src="../assets/js/slickPort.js"></script>
<style>
.slick-prev {
left: -5%;
......@@ -222,7 +212,7 @@
</div>
</li>
</ul>
<a href="#" class="next">&rsaquo;</a>
<a href="#" class="next"></a>
</div>
-->
......@@ -310,6 +300,10 @@
</div>
<input id="linkTitle" value="portfolio" />
<!--图片轮播和懒加载效果-->
<!--<script type="text/javascript">
var winHeight = document.documentElement.clientHeight;
......
dist/html/portfolioDetail.html
......@@ -24,22 +24,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......
dist/html/publications.html
......@@ -25,22 +25,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......@@ -211,6 +202,8 @@
</a>
</div>
<input id="linkTitle" value="publications" />
<!--图片轮播和懒加载效果-->
<!--<script type="text/javascript">
var winHeight = document.documentElement.clientHeight;
......
dist/html/publicationsDetail.html
......@@ -25,22 +25,13 @@
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<script src="../js/slickInit.min.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
......@@ -113,36 +104,21 @@
<input id="linkTitle" value="publications" />
<script>
/* $(window).scroll(function(){
var scrollTop = parseInt($(window).scrollTop());
var scrollHeight = parseInt($(document).height());
var windowHeight =parseInt( $(window).height());
*//* console.log(scrollTop);
console.log(scrollHeight);
console.log(windowHeight);
var bottom = parseInt(scrollTop + windowHeight);*//*
if( scrollHeight-windowHeight >= 0){
$(".prevBtn").css("opacity",1);
}else{
$(".prevBtn").css("opacity",0);
}
})*/
/*滚动后出现关闭按钮*/
$(document).ready(function () { //本人习惯这样写了
$(window).scroll(function () {
var sTop= $(window).scrollTop()
var wHeight= $(window).height()
var rHeight= $(document).height()
var bot = 0; //bot是底部距离的高度
if (sTop>10 && sTop <= parseInt(2 * (rHeight - wHeight))) {
//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
$(".prevBtn").css("opacity",1);
}else{
$(".prevBtn").css("opacity",0);
}
});
});
$(document).ready(function () {
$(window).scroll(function () {
var sTop= $(window).scrollTop();
var wHeight= window.screen.availHeight;
var rHeight= $(document).height();
if (sTop>10 && sTop <= parseInt(2 * (rHeight - wHeight))) {
//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
$(".prevBtn").css("opacity",1);
}else{
$(".prevBtn").css("opacity",0);
}
});
});
</script>
</body>
</html>
\ No newline at end of file
dist/js/public.js
......@@ -88,7 +88,7 @@ $(window).resize(function() {
if(winWidth>414){
newsHeight("#news",1);
autoWidth('.exhBox',1.32,3);
autoWidth('.exhBox',1.358,3);
autoWidth('.porBox',0.665,4);
autoWidth('.pubBox',1,5);
}
......
dist/js/public.min.js
var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;function newsHeight(obj,bi){var imgHeight;var thumbnail=$(obj).find("div.thumbnail");var Width=thumbnail.width();imgHeight=parseInt(Width*bi);$(obj).find("div.thumbnail,div.brief").height(imgHeight)}function autoWidth(obj,bi,n){var liWidth=Math.ceil($(obj).width()/n+1);var liHeight=liWidth*bi;$(obj).find(".am-gallery-item").each(function(){if(obj==".exhBox"){var marginVal=parseInt($(this).parents(".slick-list").width()/30);$(this).css({"margin-left":marginVal,"margin-right":marginVal});liHeight=parseInt(liWidth-marginVal*2)*bi;$(this).width(parseInt(liWidth-marginVal*2)).height(liHeight)}else{if(obj==".pubBox"){var marginVal=parseInt($(this).parents(".slick-list").width()/130);$(this).css({"margin-left":marginVal,"margin-right":marginVal});liHeight=parseInt(liWidth-marginVal*2)*bi;$(this).width(parseInt(liWidth-marginVal*2)).height(liHeight)}else{$(this).width(liWidth).height(liHeight)}}var H3=$(this).find("h3");var padValue=Math.ceil(liHeight-H3.height())/2;if(H3.length){H3.css("margin-top",padValue)}});$(obj).each(function(){var winHeight=document.documentElement.clientHeight;var boxHeight=$(obj).height();var header=$(".am-container").height();var marTop=Math.ceil((winHeight-boxHeight)/2)-header;$(obj).css("margin-top",marTop)})}$(function(){var title=$("#linkTitle").val();var lis=$("#collapse-head").find("li");var titleVal=$("#contact-modal").css("display");lis.siblings("li").removeClass("current_page_item");if(title=="portfolio"){lis.eq(0).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="exhibition"){lis.eq(1).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="publications"){lis.eq(2).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="news"){lis.eq(3).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="biography"){lis.eq(4).addClass("current_page_item").siblings("li").removeClass("current_page_item")}}}}}if(winWidth>414){newsHeight("#news",1);autoWidth(".exhBox",1.32,3);autoWidth(".porBox",0.665,4);autoWidth(".pubBox",1,5)}$(".indexSlide li").css("max-height",winHeight)});$(window).resize(function(){if(winWidth>414){newsHeight("#news",1);autoWidth(".exhBox",1.32,3);autoWidth(".porBox",0.665,4);autoWidth(".pubBox",1,5)}});
\ No newline at end of file
var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;function newsHeight(obj,bi){var imgHeight;var thumbnail=$(obj).find("div.thumbnail");var Width=thumbnail.width();imgHeight=parseInt(Width*bi);$(obj).find("div.thumbnail,div.brief").height(imgHeight)}function autoWidth(obj,bi,n){var liWidth=Math.ceil($(obj).width()/n+1);var liHeight=liWidth*bi;$(obj).find(".am-gallery-item").each(function(){if(obj==".exhBox"){var marginVal=parseInt($(this).parents(".slick-list").width()/30);$(this).css({"margin-left":marginVal,"margin-right":marginVal});liHeight=parseInt(liWidth-marginVal*2)*bi;$(this).width(parseInt(liWidth-marginVal*2)).height(liHeight)}else{if(obj==".pubBox"){var marginVal=parseInt($(this).parents(".slick-list").width()/130);$(this).css({"margin-left":marginVal,"margin-right":marginVal});liHeight=parseInt(liWidth-marginVal*2)*bi;$(this).width(parseInt(liWidth-marginVal*2)).height(liHeight)}else{$(this).width(liWidth).height(liHeight)}}var H3=$(this).find("h3");var padValue=Math.ceil(liHeight-H3.height())/2;if(H3.length){H3.css("margin-top",padValue)}});$(obj).each(function(){var winHeight=document.documentElement.clientHeight;var boxHeight=$(obj).height();var header=$(".am-container").height();var marTop=Math.ceil((winHeight-boxHeight)/2)-header;$(obj).css("margin-top",marTop)})}$(function(){var title=$("#linkTitle").val();var lis=$("#collapse-head").find("li");var titleVal=$("#contact-modal").css("display");lis.siblings("li").removeClass("current_page_item");if(title=="portfolio"){lis.eq(0).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="exhibition"){lis.eq(1).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="publications"){lis.eq(2).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="news"){lis.eq(3).addClass("current_page_item").siblings("li").removeClass("current_page_item")}else{if(title=="biography"){lis.eq(4).addClass("current_page_item").siblings("li").removeClass("current_page_item")}}}}}if(winWidth>414){newsHeight("#news",1);autoWidth(".exhBox",1.32,3);autoWidth(".porBox",0.665,4);autoWidth(".pubBox",1,5)}$(".indexSlide li").css("max-height",winHeight)});$(window).resize(function(){if(winWidth>414){newsHeight("#news",1);autoWidth(".exhBox",1.358,3);autoWidth(".porBox",0.665,4);autoWidth(".pubBox",1,5)}});
\ No newline at end of file
dist/js/slickInit.js
......@@ -35,19 +35,28 @@ function slickInit(){
});
}
}else{
$('.lazy').slick({
lazyLoad: 'ondemand',
slidesToShow: 1,
slidesToScroll: 1,
speed: 500,
variableWidth: false
});
var obj=$("#linkTitle").val();
if(obj!="index"&&obj!="portfolio"){
$('.lazy').slick({
lazyLoad: 'ondemand',
slidesToShow: 1,
slidesToScroll: 1,
speed: 500,
variableWidth: false
});
}else if(obj=="portfolio"){
$(".porBox").find("img").each(function(){
var imgPath= $(this).attr("data-lazy");
$(this).attr("src",imgPath);
})
}
}
}
/*页面刷新事件*/
$(function(){
$(document).ready(function(){
slickInit();
})
......
dist/js/slickInit.min.js
function slickInit(){var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;if(winWidth>414){var obj=$("#linkTitle").val();if(obj=="exhibition"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:3,slidesToScroll:1,speed:500,variableWidth:false,draggable:false})}else{if(obj=="publications"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:5,slidesToScroll:1,speed:500,draggable:false})}else{if(obj=="portfolio"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:4,slidesToScroll:1,speed:500,variableWidth:true,draggable:false})}}}}else{$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:1,slidesToScroll:1,speed:500,variableWidth:false})}}$(function(){slickInit()});
\ No newline at end of file
function slickInit(){var winHeight=document.documentElement.clientHeight;var winWidth=document.documentElement.clientWidth;if(winWidth>414){var obj=$("#linkTitle").val();if(obj=="exhibition"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:3,slidesToScroll:1,speed:500,variableWidth:false,draggable:false})}else{if(obj=="publications"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:5,slidesToScroll:1,speed:500,draggable:false})}else{if(obj=="portfolio"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:4,slidesToScroll:1,speed:500,variableWidth:true,draggable:false})}}}}else{var obj=$("#linkTitle").val();if(obj!="index"&&obj!="portfolio"){$(".lazy").slick({lazyLoad:"ondemand",slidesToShow:1,slidesToScroll:1,speed:500,variableWidth:false})}else{if(obj=="portfolio"){$(".porBox").find("img").each(function(){var imgPath=$(this).attr("data-lazy");$(this).attr("src",imgPath)})}}}}$(document).ready(function(){slickInit()});
\ No newline at end of file
src/less/style.less
......@@ -227,27 +227,16 @@ body{
.cd-timeline-img {
position: absolute;
top:-8px;
border-radius: 50%;
width: 17px;
height: 17px;
border: 1px solid #d4d4d4;
top:-9px;
width: 15px;
height: 15px;
background-image: url('../images/round.png');
left: 25%;
margin-left: -10px;
margin-top: 20px;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
.cd-timeline-img .roundPoint {
background: #d4d4d4;
display: inline-block;
width: 9px;
height: 9px;
border-radius: 50%;
margin-bottom: 4px;
margin-left: 3px;
}
.cd-timeline-content {
position: relative;
margin-left: 60px;
......@@ -279,11 +268,7 @@ body{
background-color: #bac4cb;
}
a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
.cd-timeline-content img{
max-width: 100%;
height: auto;
margin: 7px 0px;
}
/*biography页面*/
#timeline {
......@@ -350,7 +335,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
h2{
color: #b2b2b2;
line-height: 50px;
font-size: 18px;
font-size: 14px;
background: url(../images/dot.png) bottom left repeat-x;
margin-bottom: 16px;
}
......@@ -403,6 +388,11 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
@media only screen and (min-width: 640px){
.cd-timeline-content img{
width: auto;
height: auto;
max-width: 100%;
}
.am-with-topbar-fixed-top {
padding-top: 200px;
}
......@@ -985,8 +975,8 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
position: absolute;
width: auto;
left: -10%;
top: 11px;
font-size: 12px;
top: 10px;
font-size: 13px;
color: #f6f6f6;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
......@@ -1311,6 +1301,15 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
/*移动端媒体样式*/
@media only screen and (max-width: 640px){
.cd-timeline-content img{
width: 80%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.am-gallery-overlay>li{
margin-bottom: 20px;
}
.sileTop{
margin-top: 200px;
}
......@@ -1433,7 +1432,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
margin-bottom: 20px;
h2{
color: #d4d4d4;
font-size: 18px;
font-size: 16px;
line-height: 35px;
letter-spacing: 1px;
margin-bottom: 10px;
......@@ -1604,8 +1603,9 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
}
&:first-child{
width: 55%;
width: auto;
text-align: center;
margin-left: 30px;
}
}
}
......@@ -1627,7 +1627,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
}
.cd-timeline-content .cd-date {
font-size: 12px;
font-size: 13px;
text-align: left;
display: block;
line-height: 30px;
......@@ -1668,13 +1668,7 @@ a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
letter-spacing: 1px;
}
.date{
display: block;
color: #999999;
padding-left: 15px;
line-height: 20px;
margin-bottom: 10px;
font-size: 12px;
text-align: center;
display: none;
}
.thumbnail{
width:100%;
......@@ -1870,6 +1864,7 @@ img.lazy{
}
}
}
.slick-lazyload-error,
.slick-loading{
height:0px!important;
background: transparent;
......
src/pages/biography.ejs
......@@ -20,7 +20,8 @@
<section class="cd-container bg-timeline">
<div class="cd-timeline-block">
<div class="cd-timeline-content bg-timeline-content">
<h2>艺术履历</h2>
<!-- <h2>艺术履历</h2>-->
<p><img src="../images/testImg1.png" alt=""/></p>
<p>钟维兴 ，1962年生，成都国际摄影文化交流协会会长、中国摄影家协会会员、中国摄影家协会图片产业委员会专家委员。2003年开始系统性摄影创作至今，作品曾发表刊登在《中国摄影》、《像素》、《西藏人文地理》等。已进行《天路》、《失落园》、《天玄地黄》、《马达加斯加影像日记》、《秘鲁影像日记·山巅上的乌兹托克》、《斯里兰卡影像日记·化相重合的瞬间》、《恒河系列》、《美国西海岸》等专题的创作，目前正在全球进行世界摄影大师肖像的拍摄。目前已经拍摄以下国际知名摄影大师：</p>
<ol class="shotList">
<li>塞巴斯蒂奥·萨尔加多（Sebastiao Salgado）</li>
......
src/pages/components/publicHead.html
......@@ -13,23 +13,17 @@
<link rel="stylesheet" href="../assets/css/amazeui.min.css">
<link rel="stylesheet" href="../assets/css/amazeui.slick.min.css">
<link rel="stylesheet" href="../css/style.min.css">
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../assets/js/jquery.min.js"></script>
<script src="../js/html5shiv.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--<link rel="stylesheet" href="../css/style.min.css">-->
<link rel="stylesheet" href="../css/style.css">
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
<!--<script src="../assets/js/slick.min.js"></script>-->
<script src="../assets/js/slick.js"></script>
<!--<script src="../js/slickInit.min.js"></script>-->
<script src="../js/slickInit.js"></script>
<!--<script src="../js/public.min.js"></script>-->
<script src="../js/public.js"></script>
<script>
/*便于百度搜索引擎*/
......
src/pages/components/scriptPub.html 0 → 100644
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../js/slickInit.min.js"></script>
<script src="../js/public.min.js"></script>
src/pages/exhibition.ejs
......@@ -59,6 +59,7 @@
<% include ./components/goTop.html %>
<input id="linkTitle" value="exhibition" />
<!--图片轮播和懒加载效果-->
<!--<script type="text/javascript">
var winHeight = document.documentElement.clientHeight;
......
src/pages/index.ejs
......@@ -99,7 +99,6 @@ var _h = parseInt($(window).height());//获取浏览器的宽度
"height":_h
})
}
}
$(window).resize(function() {
indexImg();
......
src/pages/portfolio.ejs
......@@ -8,7 +8,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<% include ./components/publicHead.html %>
<script src="../assets/js/slickPort.js"></script>
<style>
.slick-prev {
left: -5%;
......@@ -123,7 +122,7 @@
</div>
</li>
</ul>
<a href="#" class="next">&rsaquo;</a>
<a href="#" class="next"></a>
</div>
-->
......@@ -205,6 +204,10 @@
<% include ./components/goTop.html %>
<input id="linkTitle" value="portfolio" />
<!--图片轮播和懒加载效果-->
<!--<script type="text/javascript">
var winHeight = document.documentElement.clientHeight;
......
src/pages/publications.ejs
......@@ -106,6 +106,8 @@
<% include ./components/goTop.html %>
<input id="linkTitle" value="publications" />
<!--图片轮播和懒加载效果-->
<!--<script type="text/javascript">
var winHeight = document.documentElement.clientHeight;
......
src/pages/publicationsDetail.ejs
......@@ -61,36 +61,21 @@
<input id="linkTitle" value="publications" />
<script>
/* $(window).scroll(function(){
var scrollTop = parseInt($(window).scrollTop());
var scrollHeight = parseInt($(document).height());
var windowHeight =parseInt( $(window).height());
*//* console.log(scrollTop);
console.log(scrollHeight);
console.log(windowHeight);
var bottom = parseInt(scrollTop + windowHeight);*//*
if( scrollHeight-windowHeight >= 0){
$(".prevBtn").css("opacity",1);
}else{
$(".prevBtn").css("opacity",0);
}
})*/
/*滚动后出现关闭按钮*/
$(document).ready(function () { //本人习惯这样写了
$(window).scroll(function () {
var sTop= $(window).scrollTop()
var wHeight= $(window).height()
var rHeight= $(document).height()
var bot = 0; //bot是底部距离的高度
if (sTop>10 && sTop <= parseInt(2 * (rHeight - wHeight))) {
//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
$(".prevBtn").css("opacity",1);
}else{
$(".prevBtn").css("opacity",0);
}
});
});
$(document).ready(function () {
$(window).scroll(function () {
var sTop= $(window).scrollTop();
var wHeight= window.screen.availHeight;
var rHeight= $(document).height();
if (sTop>10 && sTop <= parseInt(2 * (rHeight - wHeight))) {
//当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
$(".prevBtn").css("opacity",1);
}else{
$(".prevBtn").css("opacity",0);
}
});
});
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment