묻고답하기

  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 XE 리퍼러 통계 문의 사항 [1] file 2019.11.19 by 건즈
건즈 모듈을 삭제하지 않고 메뉴 항목만 삭제하고 싶습니다. [2] 2019.11.19 by 건즈
폐인협회장 도메인 주소가 변경되었습니다.. [3] 2019.11.16 by tjdrl****
정은주 회원가입시나 수정시 닉네임/ID /E-mail 은 중복체크를 하자나요 . 이름도 가능할까요? [1] 2019.11.16 by 플레이웹
SGOMAN 회원가입시나 수정시 닉네임/ID /E-mail 은 중복체크를 하자나요 . 이름도 가능할까요? [1] 2019.11.18 by 플레이웹
rail_man "RSS" '전문공개'로 할 경우 코드도 함께 노출되고 있습니다. file  
하늘보리 닉네임 중복가입 가능하게 할 수 있나요..? [1] 2019.11.15 by sejin7940
제투 xe 설치 할려고 합니다.. [1] file 2019.11.15 by ehii
아이디콘 요즘 네이버 웹마스터 도구 바뀐이후에 XE 이상하지 않나요 [2] 2019.11.14 by 아이디콘
댑펑 관리자 화면에 테이블 생성과 업데이트 버튼 질문 file  
박은빈 XE 관리자 정보 변경문의드립니다. [2] 2019.11.13 by 박은빈
railman 게시물 제목이 설명문에 동일하게 노출되는 현상 file  
집주인 메인위젯이 왜 게시판 글을 못불러올까요? [1] 2019.11.13 by 육기경훈
댑펑 제가 실수로 소유자 변경을 해버렸는데...  
보리넷 Xampp로 xe설치후 문제점 [2] 2019.11.12 by 보리넷
송실장 xe 1.11.6 업글 후 글 등록/저장 문제  
JSK 폐쇄형 회원전용 사이트는 어떻게 설정해야 하나요? [2] 2019.11.11 by JSK
디렉스 xe홈 질문 있습니다 ㅠㅠ (여러개라 제목이 이래요) [1] 2019.11.11 by sejin7940
보고 링크게시판(스케치북) 모바일 현재창 에서 띄우는 방법 [5] 2019.11.08 by Arsens
젠장할 페이스북 인앱 브라우저 사용자정의 링크 안열리는 문제 [1] 2019.11.08 by Arsens
송메이 기본 디자인에서 이 부분 수정 어떻게 하는 지 알려주실 분 계신가요? [1] file 2019.11.08 by ehii
슈박 common_layout.html 업로드후..  
JamesRhee 페이지 추가가 파일단위로만 되는 것인가요 ? [2] 2019.11.07 by JamesRhee
sports21 사이트 맵 추출이 안되네요~ [1] 2019.11.06 by sports21
소수의힘 본문 게시글의 글자 수를 게시물 목록에 표시하는 방법 [1] file 2019.11.06 by SimpleCode
소수의힘 글쓰는 창에 현재 작성하는 글의 글자수를 띄우는 방법 [2] 2019.11.06 by 소수의힘
에필린 위젯페이지 사진클릭 안되게 하는 법 좀... [2] 2019.11.05 by 에필린
yks**** 제 로 보 드 4 게시판이 안열려요 [3] 2019.11.04 by 제이와이엔소프트
금붕어 1.11.6 는 쉬운설치로 가능한가요? [1] 2019.11.03 by 금붕어
건즈 에디터에 파일을 첨부할 수가 없는데 왜 그럴까요? [4] file 2019.11.03 by 건즈
태그 쓰기