<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <link href="http://cdn.jsdelivr.net/jquery.slick/1.5.5/slick.css" rel="stylesheet" />
 <link href="http://cdn.jsdelivr.net/jquery.slick/1.5.5/slick-theme.css" rel="stylesheet" />
 <script src="http://cdn.jsdelivr.net/jquery.slick/1.5.5/slick.min.js"></script>
 <style type="text/css">
 .content {
   width: 1024px;
   margin: auto;
   background-color: #EBEBEB;
   height: 480px;
 }
 .slick-slide:not(.slick-center) {
   z-index: 0;
   transform: scale(0.8);
 }
 .slick-active.slick-center+.slick-slide+.slick-slide {
   z-index: 1;
 }
 .slick-active.slick-center+.slick-slide,
 .slick-center+.slick-cloned {
   z-index: 2;
 }
 .slick-center {
   z-index: 3;
 }
 .slick-slide {
   position: relative;
   transition: transform 80ms;
 }
 .slide img {
   position: relative;
   transform: translateX(-50%);
   left: 50%;
 }
 .slick-prev {
   left: 10% !important;
 }
 .slick-next {
   right: 10% !important;
 }
 .center img {
      width: 250px;
 }
 </style>
 <script type="text/javascript">
 <!--
 $(document).ready(function(){

  $('.center').slick({
    arrows: false,
    centerMode: true,
    infinite: true,
    centerPadding: '300px',
    slidesToShow: 1,
    speed: 600,
    dots: true,
    autoplay : true,
    autoplaySpeed : 2000
  }); 

 });
 //-->
 </script>
</head>
<body>


<div class="content">
  <div class="center">
    <div>
      <div class="slide">
        <a href="http://www.naver.com"><img src="http://lorempixel.com/540/303/abstract" /></a>
      </div>

    </div>
    <div>
      <div class="slide">
        <img src="http://lh6.googleusercontent.com/-XwO0q2OxgF0/AAAAAAAAAAI/AAAAAAAAAFU/5YSDbdVo2mg/s120-c-pf/photo.jpg" />
      </div>

    </div>
    <div>
      <div class="slide">
        <img src="http://lh6.googleusercontent.com/-XwO0q2OxgF0/AAAAAAAAAAI/AAAAAAAAAFU/5YSDbdVo2mg/s120-c-pf/photo.jpg" />
      </div>

    </div>
    <div>
      <div class="slide">
        <img src="http://lh6.googleusercontent.com/-XwO0q2OxgF0/AAAAAAAAAAI/AAAAAAAAAFU/5YSDbdVo2mg/s120-c-pf/photo.jpg" />
      </div>

    </div>
    <div>
      <div class="slide">
        <img src="http://lh6.googleusercontent.com/-XwO0q2OxgF0/AAAAAAAAAAI/AAAAAAAAAFU/5YSDbdVo2mg/s120-c-pf/photo.jpg" />
      </div>

    </div>
    <div>
      <div class="slide">
        <img src="http://lh6.googleusercontent.com/-XwO0q2OxgF0/AAAAAAAAAAI/AAAAAAAAAFU/5YSDbdVo2mg/s120-c-pf/photo.jpg" />
      </div>

    </div>
  </div>
</div>
</body>