묻고답하기

  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 남기남
a11**** 게시판 비밀글 등록시 관리자 댓글 등록이 안됩니다. [2] 2019.07.23 by a11****
집합론집합론 회원가입 관련 문의합니다. [5] 2019.07.23 by 집합론집합론
74575 메인페이지를 수정하고자 합니다. [2] file 2019.07.23 by 74575
철가면준호 기본 레이아웃 푸터질문입니다 [2] file 2019.07.22 by 철가면준호
PLS 레이아웃 저장시 설정이 다 날라감 [1] 2019.07.22 by 빈터
미스터부엉 레이아웃 추가가 안되요! [1] file 2019.07.22 by DoorWeb
다랑어84420 이미지 삽입기를 통해 이미지 삽입 후 엑박이 뜹니다. [2] 2019.07.22 by SimpleCode
이주연743 Fatal error: Class 'Object' not found in /home/genulee0/public_html/xe/widgets/coinslider/coinslider.class.php on line 263 [3] 2019.07.21 by 이주연743
이주연743 웹사이트가 안되는데 잠깐 봐 주시겠어요? [8] 2019.07.21 by 이주연743
min 데이터이전시 파일명 변경되는 문제 [3] 2019.07.19 by sejin7940
infight**** xe 디버깅 문의 [2] 2019.07.18 by infight****
프리뷰 라이브스포츠방송 설치방법을 알고싶습니다 [1] 2019.07.17 by DoorWeb
보람 레이아웃편집이 안됩니다 [6] file 2019.07.17 by DoorWeb
yu**** xe admin은 접속불가능하고 사이트게시판만 관리할 수 있도록 하는 게 가능한가요? [2] 2019.07.17 by yu****
보람 서버에 설치된 환경을 확인하는 법 [2] file 2019.07.17 by 보람
infight**** 다국어로 작성한 게시판이 메인 페이지에서 안나오는 문제 문의 [4] 2019.07.16 by infight****
yu**** RSS 통합피드 사용체크, 게시판 피드관리 전체공개했는데도 피드기능이 잠겨있다고 뜹니다.  
so****483b1 사이트 메뉴 이름 한글명 입력 오류  
LYG 저작권 관련하여 질문 한가지 드립니다 [5] 2019.07.15 by 봄비
AimJin 스마트폰 네이버어플 브라우저에서만 내용이 안나와요. [1] 2019.07.15 by DoorWeb
MIC 회원그룹지정에서 [1] 2019.07.13 by DoorWeb
MIC default 레이어에서 서브메뉴가 보이지 않습니다. [2] file 2019.07.13 by MIC
행복안락 XEDITION 슬라이드 화면축소해도 이미지 중앙에 놓기 문의드립니다. [6] file 2019.07.13 by DoorWeb
SSUN 게시판에 진행상태를 넣기 [3] file 2019.07.12 by DoorWeb
153 관리자페이지 접속 불가와 게시판 사진 업로드 오류 질문드려요 [8] file 2019.07.12 by 153
희진 안녕하세요 ! 고수분들 한번만 봐주세요 [1] 2019.07.12 by SimpleCode
BJVolvo이현석 회원 정보 관리 애드온 [3] 2019.07.12 by 우주학개론
동혀니 오목 모듈 비싸게 구합니다. [1] 2019.07.11 by sejin7940
Julian 주소 리다이렉션 문제 [5] 2019.07.11 by 우주학개론
희진 안녕하세요ㅠㅠ! 도와주세요 ㅠㅠ [2] 2019.07.11 by 우주학개론
태그 쓰기