묻고답하기

  2. Support
  3. 묻고답하기

이미지 슬라이드에 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 링크를 걸어둔 상태라

슬라이드 되는 세 개의 이미지를 각각 클릭하면

동일한 페이지 하나만 공통적으로 나오도록 되어있는데요

이 이미지들에 각각 링크를 주려면 어떻게 해야하나요?

답변 기다리겠습니다

감사합니다

 

 

태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/04/02] 묻고답하기 cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ by 소라db952 *2
  4. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  5. [2019/01/03] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. by 퓨라 *1
, , , , , , 이 게시물을
좋아요
목록
태그 쓰기