vv

f1992132 · 邓丽 · 0eadb997 · f1992132 · f1992132 · f1992132
Commit f1992132 authored Nov 15, 2016 by 邓丽
18 changed files
--- a/dist/assets/css/amazeui.slick.css
+++ b/dist/assets/css/amazeui.slick.css
+/*! Amaze UI Plugin ~ slick */
+/* Slider */
+.slick-slider {
+  position: relative;
+  display: block;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -ms-touch-action: pan-y;
+      touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.slick-list:focus {
+  outline: none;
+}
+.slick-list.dragging {
+  cursor: hand;
+}
+.slick-slider .slick-track,
+.slick-slider .slick-list {
+  -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+}
+.slick-track {
+  position: relative;
+  left: 0;
+  top: 0;
+  display: block;
+}
+.slick-track:before,
+.slick-track:after {
+  content: "";
+  display: table;
+}
+.slick-track:after {
+  clear: both;
+}
+.slick-loading .slick-track {
+  visibility: hidden;
+}
+.slick-slide {
+  float: left;
+  height: 100%;
+  min-height: 1px;
+  display: none;
+}
+[dir="rtl"] .slick-slide {
+  float: right;
+}
+.slick-slide img {
+  display: block;
+}
+.slick-slide.slick-loading img {
+  display: none;
+}
+.slick-slide.dragging img {
+  pointer-events: none;
+}
+.slick-initialized .slick-slide {
+  display: block;
+}
+.slick-loading .slick-slide {
+  visibility: hidden;
+}
+.slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+/* Slider */
+/* Arrows */
+.slick-prev,
+.slick-next {
+  position: absolute;
+  display: block;
+  height: 20px;
+  width: 20px;
+  line-height: 0;
+  font-size: 0;
+  cursor: pointer;
+  background: transparent;
+  color: transparent;
+  top: 50%;
+  margin-top: -10px;
+  padding: 0;
+  border: none;
+  outline: none;
+}
+.slick-prev:hover,
+.slick-next:hover,
+.slick-prev:focus,
+.slick-next:focus {
+  outline: none;
+  background: transparent;
+  color: transparent;
+}
+.slick-prev:hover:before,
+.slick-next:hover:before,
+.slick-prev:focus:before,
+.slick-next:focus:before {
+  opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before {
+  opacity: 0.25;
+}
+.slick-prev:before,
+.slick-next:before {
+  font-family: "FontAwesome";
+  font-size: 20px;
+  line-height: 1;
+  color: #0e90d2;
+  opacity: 0.75;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.slick-prev {
+  left: -25px;
+}
+[dir="rtl"] .slick-prev {
+  left: auto;
+  right: -25px;
+}
+.slick-prev:before {
+  content: "\f137";
+}
+[dir="rtl"] .slick-prev:before {
+  content: "\f138";
+}
+.slick-next {
+  right: -25px;
+}
+[dir="rtl"] .slick-next {
+  left: -25px;
+  right: auto;
+}
+.slick-next:before {
+  content: "\f138";
+}
+[dir="rtl"] .slick-next:before {
+  content: "\f137";
+}
+/* Dots */
+.slick-slider {
+  margin-bottom: 30px;
+}
+.slick-dots {
+  position: absolute;
+  bottom: -45px;
+  list-style: none;
+  display: block;
+  text-align: center;
+  padding: 0;
+  width: 100%;
+}
+.slick-dots li {
+  position: relative;
+  display: inline-block;
+  height: 20px;
+  width: 20px;
+  margin: 0 5px;
+  padding: 0;
+  cursor: pointer;
+}
+.slick-dots li button {
+  border: 0;
+  background: transparent;
+  display: block;
+  height: 20px;
+  width: 20px;
+  outline: none;
+  line-height: 0;
+  font-size: 0;
+  color: transparent;
+  padding: 5px;
+  cursor: pointer;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus {
+  outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before {
+  opacity: 1;
+}
+.slick-dots li button:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  content: "•";
+  width: 20px;
+  height: 20px;
+  font-size: 32px;
+  line-height: 20px;
+  text-align: center;
+  color: #0e90d2;
+  opacity: 0.25;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before {
+  color: #0e90d2;
+  opacity: 0.75;
+}
--- a/dist/assets/css/amazeui.slick.min.css
+++ b/dist/assets/css/amazeui.slick.min.css
+/*! Amaze UI Plugin ~ slick */
+.slick-list,.slick-slider{position:relative;display:block}.slick-slider{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:none}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:none;background:0 0;color:transparent}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:"FontAwesome";font-size:20px;line-height:1;color:#0e90d2;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"\f137"}.slick-next:before,[dir=rtl] .slick-prev:before{content:"\f138"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}[dir=rtl] .slick-next:before{content:"\f137"}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-size:32px;line-height:20px;text-align:center;color:#0e90d2;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#0e90d2;opacity:.75}
\ No newline at end of file
--- a/dist/assets/js/amazeui.js
+++ b/dist/assets/js/amazeui.js
@@ -6174,12 +6174,12 @@ return /******/ (function(modules) { // webpackBootstrap
 	    if (dir === "next") {
            lazy();
 	      return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1;
 	    } else {
            lazy();
 	      return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1;
 	    }
 	  };
 	  // SLIDE:
 	  slider.setProps = function(pos, special, dur) {
 	    var target = (function() {

--- a/dist/assets/js/slick.js
+++ b/dist/assets/js/slick.js
--- a/dist/html/biography.html
+++ b/dist/html/biography.html
@@ -21,8 +21,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -32,9 +34,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/html/exhibition.html
+++ b/dist/html/exhibition.html
@@ -22,8 +22,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -33,9 +35,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/html/index.html
+++ b/dist/html/index.html
@@ -22,8 +22,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -33,9 +35,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];
@@ -108,8 +113,8 @@
 </script>
 <script>
    /*懒加载初始配置*/
-    function lazy(){
+    function lazy(as){
-        $("img").lazyload({
+        $("img.lazy").lazyload({
            placeholder : "../images/transparent.gif",
            threshold:300,
            effect: "show",
@@ -126,7 +131,7 @@
        if(_w<=640) {
            $("#portfolioDel").find("img").each(function (i) {
-                var img = $(this);
+                var img =  $("img.lazy");
                var realWidth;
                var realHeight;
                var marginT=parseInt((_h -$(".title").height())/2);

--- a/dist/html/news.html
+++ b/dist/html/news.html
@@ -21,8 +21,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -32,9 +34,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/html/portfolio.html
+++ b/dist/html/portfolio.html
@@ -21,8 +21,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -32,9 +34,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/html/portfolioDetail.html
+++ b/dist/html/portfolioDetail.html
@@ -7,7 +7,6 @@
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!--360 browser -->
 <meta name="renderer" content="webkit">
 <meta name="author" content="wos">
@@ -22,8 +21,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -33,9 +34,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];
@@ -49,7 +53,7 @@
 </head>
 <body>
 <!--返回上一页-->
-<div class="returnCon">
+<!--<div class="returnCon">
    <span class="left"></span>
        <span class="right"><a class="prevBtn" href="./portfolio.html">
                <i class="icon-closeIco"></i>
@@ -57,8 +61,8 @@
                <i class="icon-closeIco3"></i>
            </a>
        </span>
-</div>
+</div>-->
-<div class="am-container">
+<!--  <div class="am-container">
  <div class="am-slider am-slider-default marginTop" data-am-flexslider="{playAfterPaused: 8000}">
        <div class="imgIntro">
            <h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
@@ -97,21 +101,24 @@
                    <img class="lazy" data-original="http://www.zhongweixing.com/media/gallery/16/cadd20cfeacc2cac907b0d7f90ceb203.jpg" />
                </div>
            </li>
-<!--            <li>
+&lt;!&ndash;            <li>
                <div>
                    <img class="lazy"    data-original="../images/testImg10.jpg" />
                </div>
-            </li>-->
+            </li>&ndash;&gt;
        </ul>
-<!--        <img class="lazy"    data-original="../images/testImg8.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>
-        <img class="lazy"    data-original="../images/testImg10.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>
-        <img class="lazy"    data-original="../images/testImg8.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>
-        <img class="lazy"    data-original="../images/testImg10.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>-->
    </div>
+</div>-->
+<div  class="am-container" style="padding:50px">
+<div class="slider lazy">
+    <div><div class="image"><img data-lazy="http://www.zhongweixing.com/media/gallery/15/283be29e043ee8fc7883dea1efec63da.png"/></div></div>
+    <div><div class="image"><img data-lazy="http://www.zhongweixing.com/media/gallery/16/cadd20cfeacc2cac907b0d7f90ceb203.jpg"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/nature"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/people"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/animals"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/technics"/></div></div>
+</div>
 </div>
 <!--回到顶部-->
 <div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
@@ -122,17 +129,72 @@
 </div>
 <script>
-    $('.am-slider').flexslider({
+/*    $('.am-slider').flexslider({
        slideshow: false,                // Boolean: 是否自动播放
        mousewheel: false,             // Boolean: 是否开启鼠标滚轮控制
        smoothHeight: true,
-        animationLoop:false         //是否循环
+        animationLoop: false,         //是否循环
+        start: function(){
+            pictureAuto();
+        }
+    });*/
+    $('.lazy').slick({
+        lazyLoad: 'ondemand',
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        speed: 500
    });
+$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
+/*    console.log(nextSlide);*/
+    var _w = parseInt($(window).width());//获取浏览器的宽度
+    var _h = parseInt($(window).height());//获取浏览器的宽度
+    if(_w>640){
+            var img = $("img")[nextSlide];
+        alert(img.src);
+            var realWidth;
+            var realHeight;
+            img.attr("src", img.attr("src")).load(function () {
+                realWidth = img.width;
+                realHeight = img.height;
+                var bi=(realHeight/realWidth).toFixed(2);
+                var mH=parseInt(_w*bi);
+                var Top=parseInt((_h-realHeight)/2);
+                //如果真实的宽度大于浏览器的宽度就按照100%显示
+                if (realWidth >= _w && realWidth >= realHeight) {
+                    if(mH>_h){
+                       img.css({
+                            "max-height": _h,
+                            "width": "auto"
+                        });
+                    }else{
+                        img.css({
+                            "max-width": _w,
+                            "height":"auto"
+                        });
+                    }
+                }else if(realHeight >= _h && realWidth < realHeight ){//如果小于浏览器的宽度按照原尺寸显示
+                    img.css({
+                        "max-height": _h,
+                        "width": "auto"
+                    });
+                }else{
+                    img.css({
+                        "width": realWidth,
+                        "height":realHeight,
+                        'margin-top':Top
+                    });
+                }
+            });
+    }
+});
 </script>
 <script>
    /*懒加载配置*/
-    function lazy(){
+  /*  function lazy(){
        $("img.lazy").lazyload({
            placeholder : "../images/transparent.gif",
            threshold:3000,
@@ -142,14 +204,17 @@
        });
    };
+    $(function() {
+        $("img.lazy").lazyload({effect: "fadeIn"});
+    });
   $(function(){
        $(".lazy").eq(0).attr("src","http://www.zhongweixing.com/media/gallery/15/283be29e043ee8fc7883dea1efec63da.png");
+    *//*    pictureAuto();*//*
+      })*/
+/*        $(window).resize(function() {
        pictureAuto();
-    })
+    })*/
-    $(window).resize(function() {
+   /* function pictureAuto(){
-        pictureAuto();
-    })
-    function pictureAuto(){
        var _w = parseInt($(window).width());//获取浏览器的宽度
        var _h = parseInt($(window).height());//获取浏览器的宽度
        if(_w>640){
@@ -157,7 +222,7 @@
                var img = $(this);
                var realWidth;
                var realHeight;
-                $("<img/>").attr("src", $(img).attr("data-original")).load(function () {
+               img.attr("src", $(img).attr("src")).load(function () {
                    realWidth = this.width;
                    realHeight = this.height;
                    var bi=(realHeight/realWidth).toFixed(2);
@@ -191,7 +256,7 @@
                });
            });
        }
-    }
+    }*/
 </script>

--- a/dist/html/project.html
+++ b/dist/html/project.html
@@ -22,8 +22,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -33,9 +35,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/html/publications.html
+++ b/dist/html/publications.html
@@ -22,8 +22,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -33,9 +35,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/html/publicationsDetail.html
+++ b/dist/html/publicationsDetail.html
@@ -22,8 +22,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -33,9 +35,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/dist/js/jquery-3.1.1.min.js
+++ b/dist/js/jquery-3.1.1.min.js
--- a/dist/js/jquery.min.js
+++ b/dist/js/jquery.min.js
--- a/src/pages/components/publicHead.html
+++ b/src/pages/components/publicHead.html
@@ -12,8 +12,10 @@
 <meta name="msapplication-TileColor" content="#e1652f">
 <link rel="stylesheet" href="../assets/css/amazeui.min.css">
+<link rel="stylesheet" href="../assets/css/amazeui.slick.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.js"></script>
@@ -23,9 +25,12 @@
 <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="../js/jquery.lazyload.js?v=1.9.1"></script>
+<!--<script src="../js/jquery.lazyload.js?v=1.9.1"></script>-->
 <script src="../assets/js/amazeui.js"></script>
-<script src="../js/public.js"></script>
+<script src="../js/jquery-3.1.1.min.js"></script>
+<script src="../assets/js/slick.js"></script>
+<!--<script src="../js/public.js"></script>-->
 <script>
    /*便于百度搜索引擎*/
    var _hmt = _hmt || [];

--- a/src/pages/index.ejs
+++ b/src/pages/index.ejs
@@ -65,8 +65,8 @@
 </script>
 <script>
    /*懒加载初始配置*/
-    function lazy(){
+    function lazy(as){
-        $("img").lazyload({
+        $("img.lazy").lazyload({
            placeholder : "../images/transparent.gif",
            threshold:300,
            effect: "show",
@@ -83,7 +83,7 @@
        if(_w<=640) {
            $("#portfolioDel").find("img").each(function (i) {
-                var img = $(this);
+                var img =  $("img.lazy");
                var realWidth;
                var realHeight;
                var marginT=parseInt((_h -$(".title").height())/2);

--- a/src/pages/portfolioDetail.ejs
+++ b/src/pages/portfolioDetail.ejs
@@ -7,12 +7,11 @@
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <% include ./components/publicHead.html %>
 </head>
 <body>
 <!--返回上一页-->
-<div class="returnCon">
+<!--<div class="returnCon">
    <span class="left"></span>
        <span class="right"><a class="prevBtn" href="./portfolio.html">
                <i class="icon-closeIco"></i>
@@ -20,8 +19,8 @@
                <i class="icon-closeIco3"></i>
            </a>
        </span>
-</div>
+</div>-->
-<div class="am-container">
+<!--  <div class="am-container">
  <div class="am-slider am-slider-default marginTop" data-am-flexslider="{playAfterPaused: 8000}">
        <div class="imgIntro">
            <h3>Front Cover: 3D Visualization for the Coastal Shallow Strata</h3>
@@ -60,36 +59,53 @@
                    <img class="lazy" data-original="http://www.zhongweixing.com/media/gallery/16/cadd20cfeacc2cac907b0d7f90ceb203.jpg" />
                </div>
            </li>
-<!--            <li>
+&lt;!&ndash;            <li>
                <div>
                    <img class="lazy"    data-original="../images/testImg10.jpg" />
                </div>
-            </li>-->
+            </li>&ndash;&gt;
        </ul>
-<!--        <img class="lazy"    data-original="../images/testImg8.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>
-        <img class="lazy"    data-original="../images/testImg10.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>
-        <img class="lazy"    data-original="../images/testImg8.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>
-        <img class="lazy"    data-original="../images/testImg10.jpg"/>
-        <img class="lazy"    data-original="../images/testImg11.jpg"/>-->
    </div>
+</div>-->
+<div  class="am-container">
+<div class="slider lazy">
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/city"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/food"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/nature"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/people"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/animals"/></div></div>
+    <div><div class="image"><img data-lazy="http://lorempixel.com/800/800/technics"/></div></div>
+</div>
 </div>
 <% include ./components/goTop.html %>
 <script>
-    $('.am-slider').flexslider({
+/*    $('.am-slider').flexslider({
        slideshow: false,                // Boolean: 是否自动播放
        mousewheel: false,             // Boolean: 是否开启鼠标滚轮控制
        smoothHeight: true,
-        animationLoop:false         //是否循环
+        animationLoop: false,         //是否循环
+        start: function(){
+            pictureAuto();
+        }
+    });*/
+    $('.lazy').slick({
+        lazyLoad: 'ondemand',
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        speed: 500
    });
+$('.slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
+    console.log(nextSlide);
+});
 </script>
 <script>
    /*懒加载配置*/
-    function lazy(){
+  /*  function lazy(){
        $("img.lazy").lazyload({
            placeholder : "../images/transparent.gif",
            threshold:3000,
@@ -99,13 +115,16 @@
        });
    };
+    $(function() {
+        $("img.lazy").lazyload({effect: "fadeIn"});
+    });
   $(function(){
        $(".lazy").eq(0).attr("src","http://www.zhongweixing.com/media/gallery/15/283be29e043ee8fc7883dea1efec63da.png");
+    *//*    pictureAuto();*//*
+      })*/
+/*        $(window).resize(function() {
        pictureAuto();
-    })
+    })*/
-    $(window).resize(function() {
-        pictureAuto();
-    })
    function pictureAuto(){
        var _w = parseInt($(window).width());//获取浏览器的宽度
        var _h = parseInt($(window).height());//获取浏览器的宽度
@@ -114,7 +133,7 @@
                var img = $(this);
                var realWidth;
                var realHeight;
-                $("<img/>").attr("src", $(img).attr("data-original")).load(function () {
+               img.attr("src", $(img).attr("src")).load(function () {
                    realWidth = this.width;
                    realHeight = this.height;
                    var bi=(realHeight/realWidth).toFixed(2);