안녕하세요
아래와 같이 jquery 이미지 슬라이드 소스를 찾아서 수정하고있습니다..
근데 아래 첫번째 이미지링크를 걸었는데 이미지가 아래로 내려가버리네요....
어떻게 해야하는지요? 도움부탁드립니다...감사합니다..

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script>

<table width=800>
<tr><td width=400 height=200>

<div style="center;" class="cycle-slideshow" data-cycle-fx=scrollHorz data-cycle-timeout=2500>
    <div style="center;" class="cycle-pager"></div>
   <a href=https://www.naver.com> <img src="https://s-media-cache-ak0.pinimg.com/564x/b8/5b/01/b85b01ef56fe9e51450e98aac8cb42fd.jpg" width="100%"></a>
    <img src="https://s-media-cache-ak0.pinimg.com/564x/7d/6f/c9/7d6fc9d1297057d469c5755ad762ff36.jpg" width="100%">
    <img src="https://s-media-cache-ak0.pinimg.com/564x/e4/c2/f7/e4c2f72ccfd7644a5eba9cd16c613833.jpg" width="100%">
</div>
</td>

<td width=200 bgcolor="red"></td>
<td width=200 bgcolor="blue"></td>
</tr>
</table>

<style>
/* pager */
.cycle-pager {
    text-align: center; width: 100%; z-index: 800; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span {
    font-family: arial; center; font-size: 50px; width: 80px; height: 150px;
    display: center; inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #6cc4f9;}
.cycle-pager > * { cursor: pointer;}

/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }

/* overlay */
.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

</style>