묻고답하기

  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 남기남
햇빛소년 게시글 작성시 동영상, 이미지 링크를 모방일 PC 분리해서 연결하는 법. [2] 2019.04.23 by 햇빛소년
eptmtk**** 스케치북 게시판에서 유튜브 링크를 쓰면 홈페이지가 깨집니다... [1] file 2019.04.24 by DoorWeb
손주사랑 글씨가깨져서요 알려주시면 고맙겠습니다 [4] file 2019.04.24 by 손주사랑
rrryyy3 스샷 첨부했습니다. 모바일뷰 초기화면이 계속 나옵니다 ㅠㅠ file  
이효선 로그인이 계속 안되니.. 답답해 죽겠어요.. [1] 2019.04.25 by sejin7940
별빛 코어 업데이트 하면, 수정한 코드를 다시 수정해야 하나요? [4] 2019.04.25 by 별빛
달려라흰둥아 게시판에 글쓰면 작은 프레임이 생겨요.. [1] file 2019.04.25 by LuisK
Happiness crash txt 파일 오류  
정글범 스케치북 게시판 문제 file  
황인범 회원정보 보기 메뉴의 일부를 삭제하거나 게시판을 추가... [1] file 2019.04.26 by 디자인클립
roks821 S10 5G에서 크롬으로 로그인이 되지 않아요. 아시는 분? [2] 2019.04.27 by roks821
이와이 게시판 글쓰기 - 업로드 분할방법 [1] file 2019.04.29 by sejin7940
기마종족 관리자 로그인이 속썩이네요 [2] 2019.04.29 by 기마종족
손주사랑 게시판 이름 나오는 최근게시물 문의 드립니다 [2] file 2019.04.30 by 손주사랑
ysch**** 사이트가 깨졌을때... [5] 2019.05.01 by WhiteRose
스마일루 제로보드4->XE이전시 이미지박스는? [3] 2019.05.01 by 스마일루
스마일루 제로보드4-XE migration 툴 수정관련 (PHP도움 부탁드립니다)  
hyun**** 에드온에서 적용할 모듈 선택이 가능하게 어떻게 해야 하나요 ? [1] 2019.05.02 by SimpleCode
산바라기 게시글 입력시 '스팸문자 사양합니다.' [2] file 2019.05.02 by 산바라기
kjiw**** 특정 게시판들의 깨짐 현상에 대해 문의드립니다. [2] file 2019.05.02 by kjiw****
RyanMoon 메일 보내기 기능 구현에 대한 질문 [4] 2019.05.02 by RyanMoon
일단덤벼 XE 관리자 회원 리스트 엑셀을 뽑고 싶습니다. [6] 2019.05.02 by 브레인630
강민구930e8 결제하면 동시에 그룹 등업이 되는 기능 가능할까요? [1] file 2019.05.03 by 포포
산바라기 모바일용 메인페이지가 계속 변경됩니다. [3] file 2019.05.03 by DoorWeb
Enki 폼 태그 지우기 [2] file 2019.05.05 by Enki
hatali 멀티도메인 사이트 메뉴 추가 작업 문의  
이윤형 xe게시판에 대해 [1] 2019.05.05 by DoorWeb
AimJin 스크롤 내릴 경우 팝업되는 창 소스입니다. 모바일 크롬에서는 실행이 안되네요. [1] 2019.05.05 by DoorWeb
AimJin 하이퍼링크 열리는 방법 설정 문의드립니다. [10] 2019.05.05 by 제이와이엔소프트
idh**** .htaccess 리다이렉션 질문 [1] 2019.05.05 by idh****
태그 쓰기