묻고답하기
이미지 슬라이드에 a 링크 어떻게 넣나요?
2017.02.09 16:44
이미지 슬라이드 만들었는데
헤드 부분은 이렇게 넣었구요
<head>
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { width: 516px; min-width: 300px; max-width: 516px; margin: 0px auto; padding: 0; position: relative; }
.cycle-slideshow div.slide {width: 100%; height: 100% }
.cycle-slideshow img {
position: absolute; top:0; left:0;
width: 100%; padding: 0; display: block;
}
.cycle-slideshow img:first-child { position: static; z-index:100; }
.cycle-pager { text-align:center; width:100%; z-index:516; position:absolute; top:250px; overflow:hidden; }
.cycle-pager span {
font-family: arial; font-size: 50px; width:16px; height: 16px;
display: inline-block; color: #ddd; cursor: pointer; }
.cycle-pager span.cycle-pager-active {color: #d69746;}
.cycle-pager > * {cursor:pointer;}
</head>
바디 부분은 아래처럼 넣었습니다
<body>
<td width="526" align="left" valign="top"><a href="http://www.daum.net">
<div class="cycle-slideshow"
cycle-slideshow data-cycle-loader="wait"
data-cycle-timeout="3000"
data-cycle-fx="scrollHorz"
data-cycle-pause-on-hover="true"
data-cycle-speed="300"
>
<div class="cycle-pager"></div>
<img src="/images/2016-091.jpg" />
<img src="/images/2016-093.jpg" />
<img src="/images/2016-094.jpg" />
</div>
</a>
</td>
</body>
현재는 빨간색 부분처럼
td 안에 a 링크를 걸어둔 상태라
슬라이드 되는 세 개의 이미지를 각각 클릭하면
동일한 페이지 하나만 공통적으로 나오도록 되어있는데요
이 이미지들에 각각 링크를 주려면 어떻게 해야하나요?
답변 기다리겠습니다
감사합니다
- [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 *3
- [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요?
- [2019/04/02] 묻고답하기 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ *2
- [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. *1
- [2019/01/03] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. *1