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