묻고답하기

  2. Support
  3. 묻고답하기

cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ

2019.04.02 10:36

소라db952

자바스크립트나 이런쪽은 하나도 모르는 초보구요
a링크 태그를 건 이미지만 자꾸 쏙 나와요..ㅠㅠ
어디가 문제인걸까요>>?
저 부분의 소스만 가져와봤는데 한 번 봐주시면 감사하겠습니닷..
 
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<link href="css/main.css" rel="stylesheet">
 
<script
 
<script src="js/common_js.js"></script>
<script src="js/login.js"></script>
 
 
</script>
 
 
</head>
 
<body>
 
<div id="main_banner">
 <div class="bg">
   <div class="cycle-slideshow" data-cycle-fx="scrollHorz"
     data-cycle-timeout="3000" data-cycle-prev="#prev"
     data-cycle-next="#next">
   <div class="cycle-pager"></div>
    <img src="images/bg.png" alt="메인사진1">
      <a href="http://naver.me/5j7YPFOT">
       <img src="images/bg4.png" alt="메인사진4">  <---- 이부분 이미지에는 cycle-pager가 적용이 안되요
      </a>
    <img src="images/bg5.png" alt="메인사진5">
</div>
 
 
css
/*슬라이드 시작*/
.cycle-slideshow, .cycle-slideshow * 
{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 
.cycle-slideshow 
{width: 100%;
margin: -1px auto;
padding: 0;
position: relative;}
 
.cycle-slideshow div.slide 
{width: 100%;
height: 100% }
 
.cycle-slideshow a img 
{position: absolute;
top: 0; left: 0;
width: 100%;
padding: 0;
display: block;}
 
.cycle-slideshow a img:first-child
{position: static; 
z-index: 100;}
 
.cycle-pager 
{text-align: center;
width: 100%;
z-index: 500;
position: absolute;
bottom: 2px;
overflow: hidden;}
 
.cycle-pager span
{font-family: arial;
font-size: 50px;
width: 21px;
height: 16px; 
display: inline-block;
color: #ddd;
cursor: pointer; }
 
.cycle-pager span.cycle-pager-active 
{ color: #17306F;}
 
.cycle-pager > * 
{ cursor: pointer;}
 
/*슬라이드 끝*/
 
 
</div>
</div>
태그 연관 글
  1. [2021/08/03] 묻고답하기 홈페이지를 처음 제작해보는데 by clara *3
  2. [2020/12/16] 묻고답하기 footer 하단에 고정하려면 어딜 수정해야 할까요? by 가입명
  3. [2019/03/27] 묻고답하기 모바일에서만 '권한이 없습니다'가 나오는 이유가 궁금합니다. by Spooky *1
  4. [2019/01/03] 묻고답하기 카메론 위젯에서 날짜부분을 올리고 싶어요. by 퓨라 *1
  5. [2018/12/31] 묻고답하기 슬라이드 위젯 삽입 후 메뉴가 안보이네요 고수님들 부탁드립니다 by BEO *6
, , 이 게시물을
Profile
자바스크립트나 이런쪽은 하나도 모르는 초보구요
a링크 태그를 건 이미지만 자꾸 쏙 나와요..ㅠㅠ
어디가 문제인걸까요>>?
저 부분의 소스만 가져와봤는데 한 번 봐주시면 감사하겠습니닷..
 
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<link href="css/main.css" rel="stylesheet">
 
<script
 
<script src="js/common_js.js"></script>
<script src="js/login.js"></script>
 
 
</script>
 
 
</head>
 
<body>
 
<div id="main_banner">
 <div class="bg">
   <div class="cycle-slideshow" data-cycle-fx="scrollHorz"
     data-cycle-timeout="3000" data-cycle-prev="#prev"
     data-cycle-next="#next">
   <div class="cycle-pager"></div>
    <img src="images/bg.png" alt="메인사진1">
      <a href="http://naver.me/5j7YPFOT">
       <img src="images/bg4.png" alt="메인사진4">  <---- 이부분 이미지에는 cycle-pager가 적용이 안되요
      </a>
    <img src="images/bg5.png" alt="메인사진5">
</div>
 
 
css
/*슬라이드 시작*/
.cycle-slideshow, .cycle-slideshow * 
{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 
.cycle-slideshow 
{width: 100%;
margin: -1px auto;
padding: 0;
position: relative;}
 
.cycle-slideshow div.slide 
{width: 100%;
height: 100% }
 
.cycle-slideshow a img 
{position: absolute;
top: 0; left: 0;
width: 100%;
padding: 0;
display: block;}
 
.cycle-slideshow a img:first-child
{position: static; 
z-index: 100;}
 
.cycle-pager 
{text-align: center;
width: 100%;
z-index: 500;
position: absolute;
bottom: 2px;
overflow: hidden;}
 
.cycle-pager span
{font-family: arial;
font-size: 50px;
width: 21px;
height: 16px; 
display: inline-block;
color: #ddd;
cursor: pointer; }
 
.cycle-pager span.cycle-pager-active 
{ color: #17306F;}
 
.cycle-pager > * 
{ cursor: pointer;}
 
/*슬라이드 끝*/
 
 
</div>
</div>
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
제인쏭킴 XE 자료실에 등록한 모듈의 게시 일정에 대해 문의드립니다. [1] 2019.05.13 by XE
꿈틀잉 스케치북 댓글 수정삭제를 관리자만 보이게 할수있을까요..그림 [4] file 2019.05.13 by AimJin
Enki 스케치북5 인기글 위젯 다는법 [1] 2019.05.13 by 꾸미
쿠캉쿠캉 제로보드 데이터 이전 시 외계어는 안 옮겨지나요? [1] 2019.05.13 by 꾸미
산소탱크 XE4 홈피입니다. 게시글 내용수정 소스찾는 방법좀알려주세요.ㅠㅠ [2] file 2019.05.13 by LuisK
Enki 회원가입 요청 이메일 보낸게 스팸메일 처리되네요 [3] 2019.05.12 by Enki
홈런볼11 게시판 내 특수문자 입력 문제 [1] 2019.05.12 by DoorWeb
Enki 카테고리마다 인기글 위젯 [1] 2019.05.12 by DoorWeb
아옮옮 중학생이 기본적인 html 질문좀 드리겠습니다 ㅠㅠ [1] file 2019.05.12 by DoorWeb
준이 게시판 권한에서 글쓰기와 댓글 권한 변경이 안됩니다.  
처음부터끝까지 xe 와 xe3 는 DB 구조도 다른가여?? [2] 2019.05.11 by SimpleCode
바람의기억 본문내 문서뷰어 에드온질문 드립니다. file  
Enki 고수님들 화제의 애드온 코드 상단이 아닌 위젯에다 달고 싶습니다  
여휴우 관리자페이지 로그인 후 자동 로그아웃이 되는 현상 [2] 2019.05.10 by 여휴우
쿠캉쿠캉 데이터 이전하려는데 하드용량 얼마나 해야 할까요? [2] 2019.05.10 by 쿠캉쿠캉
Enki 스케치북5 문제 [2] 2019.05.10 by Enki
인천한량 SKETCHBOOK 스킨 익스플로러11 오류 [3] file 2019.05.09 by 인천한량
12123333 XE사이트에서 XE사이트로 게시글 이전 문의드립니다. [1] 2019.05.09 by DoorWeb
다유시럽 최신글 클릭시 팝업으로 띄우는 방법 도와주세요.. ㅜㅜ [5] 2019.05.09 by 제이와이엔소프트
스머프 doorweb반응형 레이아웃 사용자입니다. 창을 줄였을 때 홈페이지명을 ... [3] file 2019.05.09 by DoorWeb
Enki 컨텐츠 확장 위젯 + 스케치북5 [1] file 2019.05.09 by DoorWeb
아데나 주소록 가져오기 했는데 왜 1건만 보일까요? [2] 2019.05.08 by sejin7940
아데나 외부연결페이지에서 DB연결을 통한 자료 불러오기 [2] 2019.05.08 by 아데나
정센 XE core 업데이트 이후 홈페이지가 보이지 않습니다. [1] 2019.05.08 by sejin7940
FREE 위젯코드 에러?  
아스카플란 코어 최신 버젼 업그레이드 후 먹통 현상 [1] file 2019.05.08 by 정센
AliveInVeitnam 스킨적용 에러 file  
genosaid 게시판 분류관리가 먹통이네요 .. [6] 2019.05.08 by SSUN
Enki 인기글 위젯 달았는데 각 게시판마다 출력되는게 아니네요;; [3] 2019.05.08 by Enki
Enki 회원가입을 수동적으로 관리자가 직접 승인해야되네요;; [1] 2019.05.08 by sejin7940
태그 쓰기